franzz/livetrail
1
0
Fork 0
Code Issues Pull Requests Actions Releases Wiki Activity

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

Browse Source
This commit is contained in:
franzz
2026-06-07 14:09:15 +02:00
parent 76fdc4be43
commit c738fe8d50
5 changed files with 24 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/_mobile.scss
+15 -6
View File
@@ -2,8 +2,7 @@
@media only screen and (max-width: 800px) {
$button-width: 51px;
$panel-width: "100vw - #{$button-width} - 2 * #{var.$block-spacing}";
$panel-width: "100vw - var(--button-width) - 2 * #{var.$block-spacing}";
$panel-width-max: $panel-width;
$panel-actual-width: $panel-width;
@@ -12,6 +11,8 @@
}
.projects {
--button-width: 51px;
.panel-control {
font-size: 2em;
}
@@ -22,8 +23,8 @@
}
#settings #title {
left: calc(100% + $button-width + 2rem);
max-width: calc(100vw - 1rem - ($button-width + 2rem) * 2);
left: calc(100% + var(--button-width) + 2rem);
max-width: calc(100vw - 1rem - (var(--button-width) + 2rem) * 2);
text-align: center;
width: 100%;
transition: none;
@@ -33,9 +34,17 @@
}
}
#settings #settings-panel .settings-header {
padding: var.$block-spacing;
img.logo-title {
margin-top: var.$elem-spacing;
}
}
&.with-right-panel, &.with-left-panel {
#title {
max-width: calc(100vw - var.$block-spacing - ($button-width + 2 * var.$block-spacing) * 2);
max-width: calc(100vw - var.$block-spacing - (var(--button-width) + 2 * var.$block-spacing) * 2);
}
#submap {
@@ -49,7 +58,7 @@
}
.panel.panel-right {
transform: translateX(calc($button-width + var.$block-spacing * 2));
transform: translateX(calc(var(--button-width) + var.$block-spacing * 2));
}
}