changeset 2936:70946dc00abd

import_overview: striped AGM diffs
author Thomas Junk <thomas.junk@intevation.de>
date Thu, 04 Apr 2019 16:03:28 +0200
parents 7380c972a53e
children 0d79f5eec630
files client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue
diffstat 1 files changed, 5 insertions(+), 2 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue	Thu Apr 04 15:43:18 2019 +0200
+++ b/client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue	Thu Apr 04 16:03:28 2019 +0200
@@ -29,7 +29,7 @@
       </div>
       <div v-if="showDiff === index" class="pl-3 d-flex flex-row">
         <div class="w-100">
-          <div class="d-flex flex-row pl-3 text-left">
+          <div class="d-flex flex-row pl-3 text-left w-95">
             <div class="header border-bottom agmdetailskeys">
               <small><translate>Value</translate></small>
             </div>
@@ -44,7 +44,7 @@
             </div>
           </div>
           <div
-            class="d-flex flex-row pl-3 text-left"
+            class="line d-flex flex-row pl-3 text-left w-95"
             v-for="(entry, index) in Object.keys(result.versions[0])"
             :key="index"
           >
@@ -91,6 +91,9 @@
     &:first-child
       border-top: none
 
+.line:nth-child(odd)
+  background: #f8f8f8
+
 .agmcode
   width: 35%