Mercurial > gemma

comparison client/src/components/importoverview/AdditionalLog.vue @ 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 c887666b110f
children 5b990f612420
comparison
equal deleted inserted replaced
2707:95a24baa492d 2708:cefef8234d27
1 <template> 1 <template>
2 <div class="additionallog d-flex flex-column text-left"> 2 <div class="additionallog d-flex flex-column text-left">
3 <div class="d-flex flex-row" v-for="(line, index) in logLines" :key="index"> 3 <div class="d-flex flex-row" v-for="(line, index) in logLines" :key="index">
4 <small 4 <span
5 :class="[ 5 :class="[
6 'kind', 6 'kind',
7 { 7 {
8 'text-danger': /error/.test(line.kind), 8 'text-danger': /error/.test(line.kind),
9 'text-warning': /warn/.test(line.kind), 9 'text-warning': /warn/.test(line.kind),
10 'font-weight-bold': /warn|error/.test(line.kind) 10 'font-weight-bold': /warn|error/.test(line.kind)
11 } 11 }
12 ]" 12 ]"
13 >{{ line.kind.toUpperCase() }}</small 13 >{{ line.kind.toUpperCase() }}</span
14 > 14 >
15 <small 15 <span
16 :class="[ 16 :class="[
17 'time', 17 'time',
18 { 18 {
19 'text-danger': /error/.test(line.kind), 19 'text-danger': /error/.test(line.kind),
20 'text-warning': /warn/.test(line.kind), 20 'text-warning': /warn/.test(line.kind),
21 'font-weight-bold': /warn|error/.test(line.kind) 21 'font-weight-bold': /warn|error/.test(line.kind)
22 } 22 }
23 ]" 23 ]"
24 >{{ line.time }}</small 24 >{{ line.time }}</span
25 > 25 >
26 <small 26 <span
27 :class="[ 27 :class="[
28 'message', 28 'message',
29 { 29 {
30 'text-danger': /error/.test(line.kind), 30 'text-danger': /error/.test(line.kind),
31 'text-warning': /warn/.test(line.kind), 31 'text-warning': /warn/.test(line.kind),
32 'font-weight-bold': /warn|error/.test(line.kind) 32 'font-weight-bold': /warn|error/.test(line.kind)
33 } 33 }
34 ]" 34 ]"
35 >{{ line.message }}</small 35 >{{ line.message }}</span
36 > 36 >
37 </div> 37 </div>
38 </div> 38 </div>
39 </template> 39 </template>
40 40
68 width: 600px; 68 width: 600px;
69 max-height: 20vh; 69 max-height: 20vh;
70 overflow-y: auto; 70 overflow-y: auto;
71 } 71 }
72 .kind { 72 .kind {
73 width: 8%; 73 width: 9%;
74 } 74 }
75 .time { 75 .time {
76 width: 24%; 76 width: 26%;
77 }
78
79 small {
80 font-size: smaller;
81 } 77 }
82 </style> 78 </style>