ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(helpers): add styling improvements for sb action logger

Browse source
This commit is contained in:
Joren Broekema 2021-02-18 10:55:50 +01:00 committed by Thomas Allmer
parent 2cd7993da8
commit 15e2d13589
2 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.changeset/violet-buttons-rescue.md Normal file
View file

@ -0,0 +1,5 @@
---
'@lion/helpers': patch
---
Add some styling improvements to action logger component.

4
packages/helpers/sb-action-logger/src/SbActionLogger.js
View file

@ -20,6 +20,7 @@ export class SbActionLogger extends LitElement {
--sb-action-logger-cue-color-primary: #3f51b5; --sb-action-logger-cue-color-primary: #3f51b5;
--sb-action-logger-cue-color-secondary: #c5cae9; --sb-action-logger-cue-color-secondary: #c5cae9;
--sb-action-logger-cue-duration: 1000ms; --sb-action-logger-cue-duration: 1000ms;
--sb-action-logger-max-height: 110px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
display: block; display: block;
@ -87,7 +88,7 @@ export class SbActionLogger extends LitElement {
.logger { .logger {
overflow-y: auto; overflow-y: auto;
max-height: 110px; max-height: var(--sb-action-logger-max-height);
} }
.logger__log { .logger__log {
@ -109,6 +110,7 @@ export class SbActionLogger extends LitElement {
} }
.logger__log-count { .logger__log-count {
align-self: baseline;
line-height: 8px; line-height: 8px;
font-size: 12px; font-size: 12px;
padding: 4px; padding: 4px;