changeset 2887:83acca8937de

client: importoverview: improved log style
author Markus Kottlaender <markus@intevation.de>
date Mon, 01 Apr 2019 18:53:53 +0200
parents 9e849838d2e3
children 65766706cdf4
files client/src/components/importoverview/AdditionalLog.vue client/src/components/importoverview/LogDetail.vue
diffstat 2 files changed, 10 insertions(+), 2 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/importoverview/AdditionalLog.vue	Mon Apr 01 18:39:39 2019 +0200
+++ b/client/src/components/importoverview/AdditionalLog.vue	Mon Apr 01 18:53:53 2019 +0200
@@ -9,7 +9,7 @@
     ]"
   >
     <div
-      class="d-flex flex-row"
+      class="d-flex flex-row px-2 border-top"
       v-for="(line, index) in details.entries"
       :key="index"
     >
@@ -77,6 +77,14 @@
 <style lang="scss" scoped>
 .additionallog {
   overflow-y: auto;
+  > div {
+    &:not(:first-child) {
+      border-top-style: dashed !important;
+    }
+    &:hover {
+      background-color: #fcfcfc;
+    }
+  }
 }
 
 .split {
--- a/client/src/components/importoverview/LogDetail.vue	Mon Apr 01 18:39:39 2019 +0200
+++ b/client/src/components/importoverview/LogDetail.vue	Mon Apr 01 18:53:53 2019 +0200
@@ -71,7 +71,7 @@
     </div>
     <AdditionalLog
       v-if="entry.id === showLogs"
-      class="mx-4 pb-1 d-flex flex-row"
+      class="d-flex flex-row"
     ></AdditionalLog>
   </div>
 </template>