Harmonize CSS
This commit is contained in:
@@ -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;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user