Harmonize CSS

This commit is contained in:
2026-05-03 16:45:21 +02:00
parent 36aa480205
commit 86082c513e
10 changed files with 33 additions and 29 deletions

View File

@@ -1,4 +1,5 @@
@use "common";
@use "var";
@use "color";
body.lb-disable-scrolling {
@@ -34,17 +35,16 @@ body.lb-disable-scrolling {
.lb-dataContainer {
width: 100%;
height: 30px;
.lb-data {
flex-direction: row;
.lb-details {
width: calc(100% - 1.25rem);
flex: 1 1 auto;
.lb-caption {
.lb-caption-line {
padding-right: 1em;
padding-right: var.$block-spacing;
line-height: 1.33333333333em; //icon height
overflow: hidden;
@@ -68,7 +68,6 @@ body.lb-disable-scrolling {
flex-direction: row;
.lb-dataContainer {
width: 200px;
height: 100%;
.lb-data {
@@ -76,7 +75,7 @@ body.lb-disable-scrolling {
.lb-caption-line {
display: block;
margin-top: 1em;
margin-top: var.$block-spacing;
line-height: 1.33333333em;
&.comment {
@@ -85,7 +84,7 @@ body.lb-disable-scrolling {
}
.comment-text {
display: inline-block;
width: calc(100% - 1.25em*1.33333333333 - 0.5rem);
width: calc(100% - 1.25em*1.33333333333 - var.$elem-spacing);
vertical-align: top;
}
}
@@ -240,7 +239,7 @@ body.lb-disable-scrolling {
.lb-data {
text-align: left;
padding: 0.5rem 0.5rem 0 0.5rem;
padding: var.$elem-spacing;
display: flex;
color: color.$default-inv;