logging: styling

This commit is contained in:
Martin Muehlhaeuser 2018-02-02 21:05:45 +00:00
parent 4e4620fb67
commit 90cba8108f
2 changed files with 6 additions and 5 deletions

View File

@ -6,14 +6,15 @@
} }
.plugin-klipper-log .log-item { .plugin-klipper-log .log-item {
margin: 2px auto 0 auto; margin: 3px auto 0 auto;
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: 3px; border-radius: 3px;
background-color: #eeeeef; background-color: #eeeeef;
color: 333;
} }
.plugin-klipper-log .error { .plugin-klipper-log .error {
color: #b94a48; background-color: #eebabb;
} }
.plugin-klipper-log .log-item .ts { .plugin-klipper-log .log-item .ts {
@ -22,7 +23,7 @@
height: 100%; height: 100%;
vertical-align: top; vertical-align: top;
font-size: 0.8em; font-size: 0.8em;
padding: 3px; padding: 0 0 0 5px;
} }
.plugin-klipper-log .log-item .msg { .plugin-klipper-log .log-item .msg {

View File

@ -2,9 +2,9 @@
<div class="span8"> <div class="span8">
<label><i class="icon-tasks"></i> Messages</label> <label><i class="icon-tasks"></i> Messages</label>
<div class="plugin-klipper-log" data-bind="foreach: logMessages"> <div class="plugin-klipper-log" data-bind="foreach: logMessages">
<div class="log-item"> <div class="log-item" data-bind="css: type">
<div data-bind="text: time" class="ts" ></div> <div data-bind="text: time" class="ts" ></div>
<div data-bind="html: msg, css: type" class="msg"></div> <div data-bind="html: msg" class="msg"></div>
</div> </div>
</div> </div>
&nbsp; &nbsp;