Mercurial > gemma

changeset 2708:cefef8234d27

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
import_overview: larger fonts for log and details
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 18 Mar 2019 16:38:19 +0100
parents 95a24baa492d
children fdc392299ff1
files client/src/components/importoverview/AdditionalLog.vue client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue client/src/components/importoverview/BottleneckDetail.vue
diffstat 3 files changed, 16 insertions(+), 20 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/importoverview/AdditionalLog.vue	Mon Mar 18 16:24:43 2019 +0100
+++ b/client/src/components/importoverview/AdditionalLog.vue	Mon Mar 18 16:38:19 2019 +0100
@@ -1,7 +1,7 @@
 <template>
   <div class="additionallog d-flex flex-column text-left">
     <div class="d-flex flex-row" v-for="(line, index) in logLines" :key="index">
-      <small
+      <span
         :class="[
           'kind',
           {
@@ -10,9 +10,9 @@
             'font-weight-bold': /warn|error/.test(line.kind)
           }
         ]"
-        >{{ line.kind.toUpperCase() }}</small
+        >{{ line.kind.toUpperCase() }}</span
       >
-      <small
+      <span
         :class="[
           'time',
           {
@@ -21,9 +21,9 @@
             'font-weight-bold': /warn|error/.test(line.kind)
           }
         ]"
-        >{{ line.time }}</small
+        >{{ line.time }}</span
       >
-      <small
+      <span
         :class="[
           'message',
           {
@@ -32,7 +32,7 @@
             'font-weight-bold': /warn|error/.test(line.kind)
           }
         ]"
-        >{{ line.message }}</small
+        >{{ line.message }}</span
       >
     </div>
   </div>
@@ -70,13 +70,9 @@
   overflow-y: auto;
 }
 .kind {
-  width: 8%;
+  width: 9%;
 }
 .time {
-  width: 24%;
-}
-
-small {
-  font-size: smaller;
+  width: 26%;
 }
 </style>
--- a/client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue	Mon Mar 18 16:24:43 2019 +0100
+++ b/client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue	Mon Mar 18 16:38:19 2019 +0100
@@ -20,15 +20,15 @@
           ></font-awesome-icon>
         </div>
         <span v-if="result.versions.length == 1" class="agmcode text-left"
-          ><small
-            >{{ result["fk-gauge-id"] }} <translate>( New )</translate></small
-          ></span
+          ><div>
+            {{ result["fk-gauge-id"] }} <translate>( New )</translate>
+          </div></span
         >
         <span v-if="result.versions.length == 2" class="agmcode text-left"
-          ><small>{{ result["fk-gauge-id"] }}</small></span
+          ><div>{{ result["fk-gauge-id"] }}</div></span
         >
         <span class="text-left"
-          ><small>{{ result["measure-date"] | dateTime }}</small></span
+          ><div>{{ result["measure-date"] | dateTime }}</div></span
         >
       </div>
       <div v-if="showDiff == index" class="pl-3 d-flex flex-row">
@@ -131,7 +131,7 @@
 }
 
 .agmcode {
-  width: 30%;
+  width: 35%;
 }
 
 .agmdetailskeys {
--- a/client/src/components/importoverview/BottleneckDetail.vue	Mon Mar 18 16:24:43 2019 +0100
+++ b/client/src/components/importoverview/BottleneckDetail.vue	Mon Mar 18 16:38:19 2019 +0100
@@ -24,7 +24,7 @@
               fixed-width
             ></font-awesome-icon>
           </div>
-          <a @click="moveToBottleneck(index)" class="small" href="#">{{
+          <a @click="moveToBottleneck(index)" class="" href="#">{{
             bottleneck.properties.objnam
           }}</a>
         </div>
@@ -34,7 +34,7 @@
             <tr
               v-for="(info, index) in Object.keys(bottleneck.properties)"
               :key="index"
-              class="mr-1 condensed small text-muted"
+              class="mr-1 condensed  text-muted"
             >
               <td class="text-left">{{ info }}</td>
               <td class="pl-3 text-left">