Mercurial > gemma

changeset 2727:0fe0b3f1720f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: import overview: several style fixes
author Markus Kottlaender <markus@intevation.de>
date Tue, 19 Mar 2019 14:00:06 +0100
parents dff749c07ae0
children 18dc704e637e
files client/src/components/importoverview/AdditionalLog.vue client/src/components/importoverview/LogDetail.vue client/src/components/importoverview/LogEntry.vue
diffstat 3 files changed, 17 insertions(+), 15 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/importoverview/AdditionalLog.vue	Tue Mar 19 12:57:11 2019 +0100
+++ b/client/src/components/importoverview/AdditionalLog.vue	Tue Mar 19 14:00:06 2019 +0100
@@ -82,7 +82,6 @@
 
 <style lang="scss" scoped>
 .additionallog {
-  width: 600px;
   overflow-y: auto;
 }
 
@@ -100,4 +99,8 @@
 .time {
   width: 26%;
 }
+.message {
+  width: 65%;
+  word-wrap: break-word;
+}
 </style>
--- a/client/src/components/importoverview/LogDetail.vue	Tue Mar 19 12:57:11 2019 +0100
+++ b/client/src/components/importoverview/LogDetail.vue	Tue Mar 19 14:00:06 2019 +0100
@@ -1,6 +1,10 @@
 <template>
-  <div>
-    <div class="d-flex fex-row">
+  <div class="border-top">
+    <div
+      class="d-flex fex-row"
+      style="padding-left: 3px;"
+      v-if="hasAdditionalInfo || isStretch || isSoundingResult"
+    >
       <div v-if="hasAdditionalInfo">
         <font-awesome-icon
           v-if="entry.id === showAdditional"
@@ -45,7 +49,7 @@
       :entry="entry"
       :details="details"
     ></AdditionalDetail>
-    <div class="d-flex fex-row">
+    <div class="d-flex fex-row" style="padding-left: 3px;">
       <font-awesome-icon
         v-if="entry.id === showLogs"
         @click="toggleAdditionalLogging"
@@ -62,10 +66,9 @@
       ></font-awesome-icon>
       <span class="text-info"><translate>Logs</translate></span>
     </div>
-
     <AdditionalLog
       v-if="entry.id === showLogs"
-      class="ml-4 d-flex flex-row mr-1"
+      class="mx-4 pb-1 d-flex flex-row small"
       :details="details"
     ></AdditionalLog>
   </div>
@@ -148,5 +151,3 @@
   }
 };
 </script>
-
-<style lang="scss" scoped></style>
--- a/client/src/components/importoverview/LogEntry.vue	Tue Mar 19 12:57:11 2019 +0100
+++ b/client/src/components/importoverview/LogEntry.vue	Tue Mar 19 14:00:06 2019 +0100
@@ -62,13 +62,11 @@
         </div>
       </div>
     </div>
-    <div class="ml-1 d-flex flex-row">
-      <LogDetail
-        :entry="entry"
-        :details="details"
-        v-if="show === entry.id"
-      ></LogDetail>
-    </div>
+    <LogDetail
+      :entry="entry"
+      :details="details"
+      v-if="show === entry.id"
+    ></LogDetail>
   </div>
 </template>