comparison client/src/components/importoverview/LogEntry.vue @ 2874:b9a6abef9f1c

client: more unified table layout Expandable/collapsible rows are now also handled by the component
author Markus Kottlaender <markus@intevation.de>
date Mon, 01 Apr 2019 11:51:03 +0200
parents e19fac818aab
children 84effca50751
comparison
equal deleted inserted replaced
2873:b1707f60f241 2874:b9a6abef9f1c
1 <template> 1 <template>
2 <div class="logentry"> 2 <div>
3 <div class="row no-gutters text-left"> 3 <div class="row no-gutters text-left">
4 <div 4 <div
5 style="width: 79px;" 5 style="width: 79px;"
6 class="table-cell d-flex justify-content-between" 6 class="table-cell d-flex justify-content-between"
7 > 7 >
69 ></LogDetail> 69 ></LogDetail>
70 </div> 70 </div>
71 </template> 71 </template>
72 72
73 <style lang="sass" scoped> 73 <style lang="sass" scoped>
74 .logentry 74 .actions
75 width: 100% 75 height: 100%
76 &:hover 76 width: 50%
77 background: #fafafa 77 border: 0
78 .actions 78 background: transparent
79 height: 100% 79 outline: none
80 width: 50% 80 &.approved
81 border: 0 81 color: green
82 background: transparent 82 &.active,
83 outline: none 83 &:hover
84 &.approved 84 color: white
85 color: green 85 background: green
86 &.active, 86 &.rejected
87 &:hover 87 border-left: 1px solid #dee2e6
88 color: white 88 color: red
89 background: green 89 &.active,
90 &.rejected 90 &:hover
91 border-left: 1px solid #dee2e6 91 color: white
92 color: red 92 background: red
93 &.active,
94 &:hover
95 color: white
96 background: red
97 .table-cell
98 padding: 0 3px
99 border-right: solid 1px #dee2e6
100 &:last-child
101 border-right: none
102 </style> 93 </style>
103 94
104 <script> 95 <script>
105 /* This is Free Software under GNU Affero General Public License v >= 3.0 96 /* This is Free Software under GNU Affero General Public License v >= 3.0
106 * without warranty, see README.md and license for details. 97 * without warranty, see README.md and license for details.