Mercurial > gemma
comparison client/src/components/importoverview/LogEntry.vue @ 5629:84d01a536bec 729-node-js-newer-version
Transformed scss and sass styles into css
author | Luisa Beerboom <lbeerboom@intevation.de> |
---|---|
date | Thu, 11 May 2023 13:23:52 +0200 |
parents | 9f0830a1845d |
children |
comparison
equal
deleted
inserted
replaced
5628:a985f8c46cf3 | 5629:84d01a536bec |
---|---|
58 </button> | 58 </button> |
59 </div> | 59 </div> |
60 </div> | 60 </div> |
61 </template> | 61 </template> |
62 | 62 |
63 <style lang="sass" scoped> | 63 <style scoped> |
64 .action | 64 .action { |
65 height: 100% | 65 height: 100%; |
66 width: 50% | 66 width: 50%; |
67 border: 0 | 67 border: 0; |
68 background: white | 68 background: white; |
69 outline: none | 69 outline: none; |
70 &.approved | 70 } |
71 color: green | 71 .action.approved { |
72 &.active, | 72 color: green; |
73 &:hover | 73 } |
74 color: white | 74 .action.approved.active, |
75 background: green | 75 .action.approved:hover { |
76 &.rejected | 76 color: white; |
77 border-left: 1px solid #dee2e6 | 77 background: green; |
78 color: red | 78 } |
79 &.active, | 79 .action.rejected { |
80 &:hover | 80 border-left: 1px solid #dee2e6; |
81 color: white | 81 color: red; |
82 background: red | 82 } |
83 .active | 83 .action.rejected.active, |
84 .action | 84 .action.rejected:hover { |
85 background-color: #d2eaee | 85 color: white; |
86 &.rejected | 86 background: red; |
87 border-left: solid 1px rgba(255, 255, 255, 0.3) | 87 } |
88 | |
89 .active .action { | |
90 background-color: #d2eaee; | |
91 } | |
92 .active .action.rejected { | |
93 border-left: solid 1px rgba(255, 255, 255, 0.3); | |
94 } | |
88 </style> | 95 </style> |
89 | 96 |
90 <script> | 97 <script> |
91 /* This is Free Software under GNU Affero General Public License v >= 3.0 | 98 /* This is Free Software under GNU Affero General Public License v >= 3.0 |
92 * without warranty, see README.md and license for details. | 99 * without warranty, see README.md and license for details. |