This commit is contained in:
2022-02-18 20:55:54 +03:00
parent da86b36821
commit 4e2f85b01d
5 changed files with 132 additions and 105 deletions
+29 -14
View File
@@ -1,14 +1,14 @@
:root {
--logger-color-emergency: hsl(0, 100%, 55%);
--logger-color-alert: hsl(192, 100%, 98%);
--logger-color-alert: hsl(0, 100%, 55%);
--logger-color-critical: hsl(0, 100%, 55%);
--logger-color-error: hsl(0, 100%, 55%);
--logger-color-error: #f44336;
--logger-color-warning: hsl(31, 100%, 55%);
--logger-color-notice: #909090;
--logger-color-info: hsl(205, 100%, 61%);
--logger-color-debug: #909090;
--logger-color-debug: #673ab7;
--logger-color-success: #8bc34a;
--logger-lvl: 0;
--logger-depth: 1;
}
.kit-logger, #kit-logger {
margin: 0;
@@ -49,13 +49,17 @@ logger-item {
-ms-flex-align: start;
align-items: flex-start;
white-space: pre-line;
padding-left: calc(var(--logger-lvl, 0) * 25px);
padding-left: calc((var(--logger-depth, 1) - 1) * 25px);
font-size: 12px !important;
line-height: 14px !important;
}
logger-item__value * {
color: inherit;
}
logger-item__value .logger-toggler {
cursor: pointer;
color: #2698db !important;
}
logger-item__msg {
}
@@ -69,9 +73,6 @@ logger-item__key {
logger-item__key:empty {
display: none;
}
logger-item__lvl {
min-width: 25px;
}
logger-item__value {
flex: 1 0 0;
white-space: pre-wrap;
@@ -86,23 +87,37 @@ logger-item__value * {
}
.kit-logger-row--critical {
.kit-logger-row--emergency {
--logger-color-key: #fff;
--logger-color-content-key: var(--logger-color-error);
--logger-color-content-key: var(--logger-color-emergency);
--logger-color-value: #fff;
--logger-color-content-value: var(--logger-color-error);
--logger-color-content-value: var(--logger-color-emergency);
}
.kit-logger-row--alert {
--logger-color-key: var(--logger-color-alert);
--logger-color-value: var(--logger-color-alert);
font-weight: bold;
}
.kit-logger-row--critical {
--logger-color-key: var(--logger-color-critical);
--logger-color-value: var(--logger-color-critical);
}
.kit-logger-row--error {
--logger-color-key: var(--logger-color-error);
--logger-color-value: var(--logger-color-error);
}
.kit-logger-row--warning {
--logger-color-key: var(--logger-color-warning);
--logger-color-value: var(--logger-color-warning);
}
.kit-logger-row--notice {}
.kit-logger-row--info {
--logger-color-key: var(--logger-color-info);
--logger-color-value: var(--logger-color-info);
}
.kit-logger-row--warning {
--logger-color-key: var(--logger-color-warning);
--logger-color-value: var(--logger-color-warning);
.kit-logger-row--debug {
--logger-color-key: var(--logger-color-debug);
--logger-color-value: var(--logger-color-debug);
}
.kit-logger-row--success {
--logger-color-key: var(--logger-color-success);