Mercurial > gemma

changeset 2925:ce148a7fb896

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: importoverview: improved style
author Markus Kottlaender <markus@intevation.de>
date Wed, 03 Apr 2019 17:34:34 +0200
parents d2dba0638ef1
children 899b591493b4
files client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue client/src/components/importoverview/LogDetail.vue
diffstat 2 files changed, 9 insertions(+), 5 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue	Wed Apr 03 17:33:25 2019 +0200
+++ b/client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue	Wed Apr 03 17:34:34 2019 +0200
@@ -7,12 +7,12 @@
     }"
   >
     <div v-for="(result, index) in details.summary" :key="index">
-      <div class="pl-2 d-flex flex-row">
+      <div class="pl-2 d-flex">
         <div @click="toggleDiff(index)" class="my-auto text-left">
           <UISpinnerButton
             :state="showDiff === index"
             :icons="['angle-right', 'angle-down']"
-            class="text-info"
+            classes="text-info"
           />
         </div>
         <span v-if="result.versions.length == 1" class="agmcode text-left"
@@ -87,6 +87,10 @@
   width: 100%
   max-height: 20vh
   overflow-y: auto
+  > div
+    border-top: dashed 1px #dee2e6
+    &:first-child
+      border-top: none
 
 .agmcode
   width: 35%
--- a/client/src/components/importoverview/LogDetail.vue	Wed Apr 03 17:33:25 2019 +0200
+++ b/client/src/components/importoverview/LogDetail.vue	Wed Apr 03 17:34:34 2019 +0200
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div
-      class="d-flex fex-row"
+      class="d-flex border-bottom"
       style="padding-left: 3px;"
       v-if="hasAdditionalInfo || isStretch || isSoundingResult"
     >
@@ -35,13 +35,13 @@
     </div>
     <div
       v-if="entry.id === showAdditional && isPending"
-      class="ml-2 d-flex flex-row"
+      class="d-flex border-bottom"
     >
       <FairwayDimensionDetail :entry="entry" v-if="isFairwayDimension" />
       <ApprovedGaugeMeasurementDetail :entry="entry" v-if="isAGM" />
       <BottleneckDetail :entry="entry" v-if="isBottleneck" />
     </div>
-    <div class="d-flex fex-row" style="padding-left: 3px;">
+    <div class="d-flex" style="padding-left: 3px;">
       <UISpinnerButton
         @click="toggleAdditionalLogging"
         :state="entry.id === showLogs"