Mercurial > gemma

comparison client/src/components/ui/UITableBody.vue @ 5629:84d01a536bec 729-node-js-newer-version

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Transformed scss and sass styles into css
author Luisa Beerboom <lbeerboom@intevation.de>
date Thu, 11 May 2023 13:23:52 +0200
parents 7768f14f6535
children
comparison
equal deleted inserted replaced
5628:a985f8c46cf3 5629:84d01a536bec
20 <div v-else class="small text-center py-3 border-top"> 20 <div v-else class="small text-center py-3 border-top">
21 <translate>No results.</translate> 21 <translate>No results.</translate>
22 </div> 22 </div>
23 </template> 23 </template>
24 24
25 <style lang="sass"> 25 <style>
26 .table-body 26 .table-body .row-container > .row:hover {
27 .row-container 27 background-color: #fcfcfc;
28 > .row 28 }
29 &:hover
30 background-color: #fcfcfc
31 .table-cell
32 display: flex
33 align-items: center
34 padding: 1.5px 3px
35 border-right: solid 1px #dee2e6
36 &:last-child
37 border-right: none
38 &.center
39 justify-content: center
40 .expand
41 border-bottom: solid 2px var(--color-info)
42 29
43 &.active 30 .table-body .row-container > .row .table-cell {
44 > .row 31 display: flex;
45 color: #fff 32 align-items: center;
46 .table-cell 33 padding: 1.5px 3px;
47 border-right-color: rgba(255, 255, 255, 0.3) 34 border-right: solid 1px #dee2e6;
48 background-color: var(--color-info) 35 }
49 color: #fff 36 .table-body .row-container > .row .table-cell:last-child {
50 a 37 border-right: none;
51 color: #fff !important 38 }
39 .table-body .row-container > .row .table-cell.center {
40 justify-content: center;
41 }
42
43 .table-body .row-container .expand {
44 border-bottom: solid 2px var(--color-info);
45 }
46
47 .table-body .row-container.active > .row {
48 color: #fff;
49 }
50 .table-body .row-container.active > .row .table-cell {
51 border-right-color: rgba(255, 255, 255, 0.3);
52 background-color: var(--color-info);
53 color: #fff;
54 }
55 .table-body .row-container.active > .row .table-cell a {
56 color: #fff !important;
57 }
52 </style> 58 </style>
53 59
54 <script> 60 <script>
55 /* This is Free Software under GNU Affero General Public License v >= 3.0 61 /* This is Free Software under GNU Affero General Public License v >= 3.0
56 * without warranty, see README.md and license for details. 62 * without warranty, see README.md and license for details.