changeset 4981:9f0830a1845d

squashed the total layout to enable display of long fm importnames
author Thomas Junk <thomas.junk@intevation.de>
date Thu, 05 Mar 2020 09:30:30 +0100
parents 21d2acc080c9
children b5028b98e7c4
files client/src/assets/application.scss client/src/components/Contextbox.vue client/src/components/Pdftool.vue client/src/components/Search.vue client/src/components/fairway/AvailableFairwayDepthDialogue.vue client/src/components/fairway/BottleneckDialogue.vue client/src/components/gauge/Gauges.vue client/src/components/importconfiguration/Import.vue client/src/components/importoverview/ImportOverview.vue client/src/components/importoverview/LogEntry.vue client/src/components/layers/Layers.vue
diffstat 11 files changed, 18 insertions(+), 14 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/assets/application.scss	Wed Mar 04 15:36:06 2020 +0100
+++ b/client/src/assets/application.scss	Thu Mar 05 09:30:30 2020 +0100
@@ -124,7 +124,7 @@
 .expanded {
   max-height: 999px;
   max-width: 999px;
-  margin: 0 0.25rem 0.5rem 0.25rem;
+  margin: 0 0.05rem 0.5rem 0.25rem;
 }
 
 .box-body {
--- a/client/src/components/Contextbox.vue	Wed Mar 04 15:36:06 2020 +0100
+++ b/client/src/components/Contextbox.vue	Thu Mar 05 09:30:30 2020 +0100
@@ -80,7 +80,7 @@
   background: #fff;
 }
 .contextbox > div:last-child {
-  width: 795px;
+  width: 860px;
 }
 
 .contextboxcollapsed {
@@ -89,7 +89,7 @@
 }
 
 .contextboxextended {
-  max-width: 795px;
+  max-width: 860px;
 }
 
 .close-contextbox {
--- a/client/src/components/Pdftool.vue	Wed Mar 04 15:36:06 2020 +0100
+++ b/client/src/components/Pdftool.vue	Thu Mar 05 09:30:30 2020 +0100
@@ -5,7 +5,7 @@
       { expanded: showPdfTool }
     ]"
   >
-    <div style="width: 18rem">
+    <div style="width: 17rem">
       <UIBoxHeader
         icon="file-pdf"
         :title="generatePdfLable"
--- a/client/src/components/Search.vue	Wed Mar 04 15:36:06 2020 +0100
+++ b/client/src/components/Search.vue	Thu Mar 05 09:30:30 2020 +0100
@@ -85,7 +85,7 @@
 <style lang="scss" scoped>
 .searchcontainer {
   opacity: 0.96;
-  width: 795px;
+  width: 860px;
 }
 
 .searchcontainer .searchbar {
@@ -94,7 +94,7 @@
 }
 
 .searchgroup {
-  width: 763px;
+  width: 827px;
   overflow: hidden;
 }
 
--- a/client/src/components/fairway/AvailableFairwayDepthDialogue.vue	Wed Mar 04 15:36:06 2020 +0100
+++ b/client/src/components/fairway/AvailableFairwayDepthDialogue.vue	Thu Mar 05 09:30:30 2020 +0100
@@ -5,7 +5,7 @@
       { expanded: showFairwayDepth }
     ]"
   >
-    <div style="width: 18rem">
+    <div style="width: 17rem">
       <UIBoxHeader icon="chart-line" :title="label" :closeCallback="close" />
       <div class="box-body">
         <UISpinnerOverlay v-if="loading" />
--- a/client/src/components/fairway/BottleneckDialogue.vue	Wed Mar 04 15:36:06 2020 +0100
+++ b/client/src/components/fairway/BottleneckDialogue.vue	Thu Mar 05 09:30:30 2020 +0100
@@ -5,7 +5,7 @@
       { expanded: showProfiles }
     ]"
   >
-    <div style="width: 18rem">
+    <div style="width: 17rem">
       <UIBoxHeader
         icon="chart-area"
         :title="profilesLable"
--- a/client/src/components/gauge/Gauges.vue	Wed Mar 04 15:36:06 2020 +0100
+++ b/client/src/components/gauge/Gauges.vue	Thu Mar 05 09:30:30 2020 +0100
@@ -5,7 +5,7 @@
       { expanded: showGauges }
     ]"
   >
-    <div style="width: 18rem">
+    <div style="width: 17rem">
       <UIBoxHeader
         icon="ruler-vertical"
         :title="gaugesLabel"
--- a/client/src/components/importconfiguration/Import.vue	Wed Mar 04 15:36:06 2020 +0100
+++ b/client/src/components/importconfiguration/Import.vue	Thu Mar 05 09:30:30 2020 +0100
@@ -6,7 +6,7 @@
       <UITableHeader
         :columns="[
           { id: 'id', title: `${idLabel}`, width: '60px;' },
-          { id: 'kind', title: `${typeLabel}`, width: '140px;' },
+          { id: 'kind', title: `${typeLabel}`, width: '125px;' },
           { id: 'user', title: `${ownerLabel}`, width: '220px' },
           { id: 'country', title: `${countryLabel}`, width: '80px' },
           { id: 'config.cron', title: `${scheduleLabel}`, width: '100px' },
@@ -21,7 +21,7 @@
           <div style="width:60px" class="table-cell py-1">
             {{ schedule.id }}
           </div>
-          <div style="width:140px" class="table-cell py-1">
+          <div style="width:125px" class="table-cell py-1">
             {{ schedule.kind.replace("fm_", "").toUpperCase() }}
           </div>
           <div style="width:220px;" class="table-cell py-1">
--- a/client/src/components/importoverview/ImportOverview.vue	Wed Mar 04 15:36:06 2020 +0100
+++ b/client/src/components/importoverview/ImportOverview.vue	Thu Mar 05 09:30:30 2020 +0100
@@ -78,7 +78,11 @@
       <UITableHeader
         :columns="[
           { id: 'id', title: `${idLabel}`, width: '70px' },
-          { id: 'kind', title: `${kindLabel}`, width: '55px' },
+          {
+            id: 'kind',
+            title: `${kindLabel.replace('fm_').toUpperCase()}`,
+            width: '125px'
+          },
           { id: 'enqueued', title: `${enqueuedLabel}`, width: '135px' },
           { id: 'user', title: `${ownerLabel}`, width: '80px' },
           { id: 'country', title: `${countryLabel}`, width: '50px' },
--- a/client/src/components/importoverview/LogEntry.vue	Wed Mar 04 15:36:06 2020 +0100
+++ b/client/src/components/importoverview/LogEntry.vue	Thu Mar 05 09:30:30 2020 +0100
@@ -9,7 +9,7 @@
       />
       {{ entry.id }}
     </div>
-    <div style="width: 55px;" class="table-cell center">
+    <div style="width: 125px;" class="table-cell center">
       {{ entry.kind.replace("fm_", "").toUpperCase() }}
     </div>
     <div style="width: 135px;" class="table-cell center">
--- a/client/src/components/layers/Layers.vue	Wed Mar 04 15:36:06 2020 +0100
+++ b/client/src/components/layers/Layers.vue	Thu Mar 05 09:30:30 2020 +0100
@@ -5,7 +5,7 @@
       { expanded: showLayers }
     ]"
   >
-    <div class="position-relative" style="width: 20rem; min-height: 350px;">
+    <div class="position-relative" style="width: 17rem; min-height: 350px;">
       <UIBoxHeader
         icon="layer-group"
         :title="label"