Replace button width sass variable with a css one
All checks were successful
Deploy Spot / deploy (push) Successful in 34s
All checks were successful
Deploy Spot / deploy (push) Successful in 34s
This commit is contained in:
@@ -11,13 +11,13 @@
|
||||
}
|
||||
|
||||
.settings-header {
|
||||
padding: var.$block-spacing;
|
||||
padding: 2 * var.$block-spacing;
|
||||
border-radius: var.$block-radius var.$block-radius;
|
||||
@include common.topo-bg(radial, circle farthest-side at 50% 50%, color.$default-bg-light, 40%);
|
||||
|
||||
img {
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin: 0 auto;
|
||||
object-fit: contain;
|
||||
|
||||
&.logo-icon {
|
||||
@@ -25,7 +25,7 @@
|
||||
}
|
||||
&.logo-title {
|
||||
width: 70%;
|
||||
margin-top: var.$elem-spacing;
|
||||
margin-top: var.$block-spacing;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -45,6 +45,7 @@
|
||||
.settings-sections {
|
||||
flex: 1 1 auto;
|
||||
overflow: auto;
|
||||
border-radius: var.$block-radius;
|
||||
|
||||
#settings-sections-scrollbox {
|
||||
height: 100%;
|
||||
@@ -165,8 +166,8 @@
|
||||
}
|
||||
|
||||
#title {
|
||||
left: calc(100% + var.$button-width + 2 * var.$block-spacing);
|
||||
max-width: calc(100vw - var.$block-spacing - (var.$button-width + 2 * var.$block-spacing) * 2);
|
||||
left: calc(100% + var(--button-width) + 2 * var.$block-spacing);
|
||||
max-width: calc(100vw - var.$block-spacing - (var(--button-width) + 2 * var.$block-spacing) * 2);
|
||||
transition: max-width 0.5s;
|
||||
@include common.no-text-overflow();
|
||||
|
||||
|
||||
Reference in New Issue
Block a user