changeset 2440:999bb511ef67

staging: layout logs
author Thomas Junk <thomas.junk@intevation.de>
date Fri, 01 Mar 2019 10:52:32 +0100
parents c3c014435e88
children 9de710bdb535
files client/src/components/App.vue client/src/components/Contextbox.vue client/src/components/Search.vue client/src/components/importoverview/importlogs/LogDetail.vue
diffstat 4 files changed, 19 insertions(+), 25 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/App.vue	Fri Mar 01 10:38:44 2019 +0100
+++ b/client/src/components/App.vue	Fri Mar 01 10:52:32 2019 +0100
@@ -37,9 +37,6 @@
 .small {
   width: $icon-width;
 }
-.wide {
-  width: 600px;
-}
 
 .userinterface {
   position: absolute;
--- a/client/src/components/Contextbox.vue	Fri Mar 01 10:38:44 2019 +0100
+++ b/client/src/components/Contextbox.vue	Fri Mar 01 10:52:32 2019 +0100
@@ -75,7 +75,7 @@
   background: #fff;
 }
 .contextbox > div:last-child {
-  width: 600px;
+  width: 660px;
 }
 
 .contextboxcollapsed {
@@ -84,7 +84,7 @@
 }
 
 .contextboxextended {
-  max-width: 600px;
+  max-width: 660px;
 }
 
 .close-contextbox {
--- a/client/src/components/Search.vue	Fri Mar 01 10:38:44 2019 +0100
+++ b/client/src/components/Search.vue	Fri Mar 01 10:52:32 2019 +0100
@@ -77,7 +77,7 @@
 
 .searchgroup {
   margin-left: -3px;
-  width: 571px;
+  width: 630px;
   overflow: hidden;
 }
 
--- a/client/src/components/importoverview/importlogs/LogDetail.vue	Fri Mar 01 10:38:44 2019 +0100
+++ b/client/src/components/importoverview/importlogs/LogDetail.vue	Fri Mar 01 10:52:32 2019 +0100
@@ -1,22 +1,22 @@
 <template>
   <div class="entry d-flex flex-column py-1 border-bottom">
     <div class="d-flex flex-row position-relative">
-      <div @click="showDetails(job.id)" class="jobid ml-2 mt-1 mr-2">
+      <small @click="showDetails(job.id)" class="jobid ml-2 mt-1 mr-2">
         {{ job.id }}
-      </div>
-      <div @click="showDetails(job.id)" class="enqueued mt-1  mr-2">
+      </small>
+      <small @click="showDetails(job.id)" class="enqueued mt-1  mr-2">
         {{ formatDateTime(job.enqueued) }}
-      </div>
-      <div @click="showDetails(job.id)" class="kind mt-1 mr-2">
+      </small>
+      <small @click="showDetails(job.id)" class="kind mt-1 mr-2">
         {{ job.kind.toUpperCase() }}
-      </div>
-      <div @click="showDetails(job.id)" class="user mt-1 mr-2">
+      </small>
+      <small @click="showDetails(job.id)" class="user mt-1 mr-2">
         {{ job.user }}
-      </div>
-      <div @click="showDetails(job.id)" class="signer mt-1 mr-2">
+      </small>
+      <small @click="showDetails(job.id)" class="signer mt-1 mr-2">
         {{ job.signer }}
-      </div>
-      <div @click="showDetails(job.id)" class="state mt-1 mr-2">
+      </small>
+      <small @click="showDetails(job.id)" class="state mt-1 mr-2">
         <span :class="{ 'text-danger': job.state.toUpperCase() == 'FAILED' }"
           >{{ job.state
           }}<font-awesome-icon
@@ -24,9 +24,10 @@
             class="ml-1 text-warning"
             icon="exclamation-triangle"
             fixed-width
-          ></font-awesome-icon
-        ></span>
-      </div>
+          ></font-awesome-icon>
+        </span>
+        <span v-if="!job.warnings" style="margin-right: 1.6em;"></span>
+      </small>
       <div @click="showDetails(job.id)" class="mt-1 text-info detailsbutton">
         <font-awesome-icon
           class="pointer"
@@ -291,11 +292,7 @@
   height: 100%;
 }
 .jobid {
-  width: 15%;
-}
-
-.enqueued {
-  width: 15%;
+  width: 5%;
 }
 
 .user {