rallias/Scribe.js
1
0
Fork 0
forked from mirrors/Scribe.js
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix multiline

Browse source
This commit is contained in:
Mathew Kurian 2014-12-23 14:02:46 -06:00
parent db9e38084c
commit 2cbb5ec4c6
2 changed files with 17 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
static/partials/elements/log.html
View file

@ -1,4 +1,4 @@
<p ng-class="{'log--collapse' : collapse == true, 'log': true}"> <div ng-class="{'log--collapse' : collapse == true, 'log': true}">
<span class="log__item log__number"> <span class="log__item log__number">
{{number}} {{number}}
@ -11,12 +11,14 @@
</span> </span>
</span> </span>
<span class="log__item log__time" ng-if="showDate != 0 && (showDate == 1 || log.show.date) || <span class="log__item log__time log__time_80" ng-if="showDate != 0 && (showDate == 1 || log.show.date)">
showTime != 0 && (showTime == 1 || log.show.time)"> <span class="log__time__higher">
<span ng-if="showDate != 0 && (showDate == 1 || log.show.date)" class="log__time__higher">
{{log.context.time | date: 'EEE MMM dd yyyy'}} {{log.context.time | date: 'EEE MMM dd yyyy'}}
</span> </span>
<span ng-if="showTime != 0 && (showTime == 1 || log.show.time)" class="log__time__lower"> </span>
<span class="log__item log__time log__time_122" ng-if="showTime != 0 && (showTime == 1 || log.show.time)">
<span class="log__time__lower">
{{log.context.time | date: 'yyyy-MM-ddTHH:mm:ss:Z'}} {{log.context.time | date: 'yyyy-MM-ddTHH:mm:ss:Z'}}
</span> </span>
</span> </span>
@ -41,4 +43,4 @@
<span>{{log}}</span> <span>{{log}}</span>
</span> </span>
</p> </div>

10
static/style.css
View file

@ -504,7 +504,7 @@ body {
.log__message > span { .log__message > span {
display: block; display: block;
overflow: hidden; overflow: hidden;
white-space: pre; white-space: pre-wrap;
font-size: 12px; font-size: 12px;
} }
.log--collapse .log__message > span { .log--collapse .log__message > span {
@ -790,3 +790,11 @@ button.toggle-button.active {
.checkbox input[type=checkbox]:checked + label:after { .checkbox input[type=checkbox]:checked + label:after {
opacity: 1; opacity: 1;
} }
.log__time_80 {
min-width: 80px;
}
.log__time_122 {
min-width: 122px;
}