Mercurial > gemma

diff client/src/components/importoverview/ApprovedGaugeMeasurementDetail.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 da3fd4c3d1b5
children
line wrap: on
line diff
--- a/client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue	Tue May 09 13:20:28 2023 +0200
+++ b/client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue	Thu May 11 13:23:52 2023 +0200
@@ -24,35 +24,44 @@
   </div>
 </template>
 
-<style lang="sass" scoped>
-.diffs
-  width: 100%
-  overflow-y: auto
-  > div
-    border-top: dashed 1px #dee2e6
-    &:first-child
-      border-top: none
-    .compare-table
-      position: relative
-      overflow: hidden
-      &::after
-        content: ''
-        position: absolute
-        top: 0
-        right: -5px
-        bottom: 0
-        left: -5px
-        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4)
-      > div
-        font-size: 0.7rem
-        &:nth-child(odd)
-          background-color: #f8f9fa
+<style scoped>
+.diffs {
+  width: 100%;
+  overflow-y: auto;
+}
+.diffs > div {
+  border-top: dashed 1px #dee2e6;
+}
+.diffs > div:first-child {
+  border-top: none;
+}
+.diffs > div .compare-table {
+  position: relative;
+  overflow: hidden;
+}
+.diffs > div .compare-table::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: -5px;
+  bottom: 0;
+  left: -5px;
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
+}
+.diffs > div .compare-table > div {
+  font-size: 0.7rem;
+}
+.diffs > div .compare-table > div:nth-child(odd) {
+  background-color: #f8f9fa;
+}
 
-.split
-  max-height: 35vh
+.split {
+  max-height: 35vh;
+}
 
-.full
-  max-height: 70vh
+.full {
+  max-height: 70vh;
+}
 </style>
 
 <script>