Mercurial > gemma

diff client/src/components/importoverview/LogEntry.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 9f0830a1845d
children
line wrap: on
line diff
--- a/client/src/components/importoverview/LogEntry.vue	Tue May 09 13:20:28 2023 +0200
+++ b/client/src/components/importoverview/LogEntry.vue	Thu May 11 13:23:52 2023 +0200
@@ -60,31 +60,38 @@
   </div>
 </template>
 
-<style lang="sass" scoped>
-.action
-  height: 100%
-  width: 50%
-  border: 0
-  background: white
-  outline: none
-  &.approved
-    color: green
-    &.active,
-    &:hover
-      color: white
-      background: green
-  &.rejected
-    border-left: 1px solid #dee2e6
-    color: red
-    &.active,
-    &:hover
-      color: white
-      background: red
-.active
-  .action
-    background-color: #d2eaee
-    &.rejected
-      border-left: solid 1px rgba(255, 255, 255, 0.3)
+<style scoped>
+.action {
+  height: 100%;
+  width: 50%;
+  border: 0;
+  background: white;
+  outline: none;
+}
+.action.approved {
+  color: green;
+}
+.action.approved.active,
+.action.approved:hover {
+  color: white;
+  background: green;
+}
+.action.rejected {
+  border-left: 1px solid #dee2e6;
+  color: red;
+}
+.action.rejected.active,
+.action.rejected:hover {
+  color: white;
+  background: red;
+}
+
+.active .action {
+  background-color: #d2eaee;
+}
+.active .action.rejected {
+  border-left: solid 1px rgba(255, 255, 255, 0.3);
+}
 </style>
 
 <script>