Mercurial > gemma
changeset 2708:cefef8234d27
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">