Mercurial > gemma

changeset 2888:65766706cdf4

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: importoverview: moved style block below template and converted to sass
author Markus Kottlaender <markus@intevation.de>
date Mon, 01 Apr 2019 18:59:31 +0200
parents 83acca8937de
children ac4732c57b0b
files client/src/components/importoverview/AdditionalLog.vue
diffstat 1 files changed, 26 insertions(+), 37 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/importoverview/AdditionalLog.vue	Mon Apr 01 18:53:53 2019 +0200
+++ b/client/src/components/importoverview/AdditionalLog.vue	Mon Apr 01 18:59:31 2019 +0200
@@ -2,10 +2,7 @@
   <div
     :class="[
       'additionallog d-flex flex-column text-left',
-      {
-        full: !showAdditional,
-        split: showAdditional
-      }
+      { split: showAdditional }
     ]"
   >
     <div
@@ -50,6 +47,31 @@
   </div>
 </template>
 
+<style lang="sass" scoped>
+.additionallog
+  max-height: 70vh
+  overflow-y: auto
+  &.split
+    max-height: 35vh
+
+  > div
+    &:not(:first-child)
+      border-top-style: dashed !important
+
+    &:hover
+      background-color: #fcfcfc
+
+  .kind
+    width: 9%
+
+  .time
+    width: 26%
+
+  .message
+    width: 65%
+    word-wrap: break-word
+</style>
+
 <script>
 /* This is Free Software under GNU Affero General Public License v >= 3.0
  * without warranty, see README.md and license for details.
@@ -73,36 +95,3 @@
   }
 };
 </script>
-
-<style lang="scss" scoped>
-.additionallog {
-  overflow-y: auto;
-  > div {
-    &:not(:first-child) {
-      border-top-style: dashed !important;
-    }
-    &:hover {
-      background-color: #fcfcfc;
-    }
-  }
-}
-
-.split {
-  max-height: 35vh;
-}
-
-.full {
-  max-height: 70vh;
-}
-
-.kind {
-  width: 9%;
-}
-.time {
-  width: 26%;
-}
-.message {
-  width: 65%;
-  word-wrap: break-word;
-}
-</style>