bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Try dvw until to avoid layout changes when scrollbars render

Browse Source
This commit is contained in:
Jason Zimdars
2025-01-30 15:46:56 -06:00
parent e60142495d
commit c8368fe145
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/bubbles.css
+2 -2
View File
@@ -239,10 +239,10 @@
.bubble__container {
inline-size: min(67ch, 75vw);
max-inline-size: 100vw;
max-inline-size: 100dvw;
@media (max-width: 70ch) {
inline-size: min(67ch, 100vw);
inline-size: min(67ch, 100dvw);
}
}
app/assets/stylesheets/layout.css
+4 -4
View File
@@ -5,9 +5,9 @@ body {
:where(#main) {
container-type: normal;
inline-size: 100vw;
inline-size: 100dvw;
margin-inline: auto;
max-inline-size: 100vw;
max-inline-size: 100dvw;
padding-inline: clamp(var(--inline-space), 3cqmin, calc(var(--inline-space) * 3));
text-align: center;
@@ -31,7 +31,7 @@ body {
}
:where(#footer) {
max-inline-size: 100vw;
max-inline-size: 100dvw;
> nav {
padding-inline: var(--inline-space);
@@ -39,7 +39,7 @@ body {
}
:where(#header) {
max-inline-size: 100vw;
max-inline-size: 100dvw;
view-transition-name: header;
> nav {