Replace button width sass variable with a css one
All checks were successful
Deploy Spot / deploy (push) Successful in 34s

This commit is contained in:
2026-06-07 14:09:15 +02:00
parent 76fdc4be43
commit c738fe8d50
5 changed files with 24 additions and 14 deletions

View File

@@ -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();