Merge pull request #1937 from basecamp/mobile-polish

Fix hotkey text size on tiny viewports
This commit is contained in:
Andy Smith
2025-12-04 15:26:24 -06:00
committed by GitHub
2 changed files with 4 additions and 2 deletions
+2
View File
@@ -178,6 +178,7 @@
aspect-ratio: 5/3;
background-color: var(--color-ink-lightest);
border-radius: 0.5em;
container-type: inline-size;
flex-basis: calc((100% - var(--gap) * 2) / 3);
flex-direction: column;
font-size: var(--text-small);
@@ -212,6 +213,7 @@
@media (max-width: 639px) {
font-size: var(--text-x-small);
font-size: clamp(var(--text-xx-small), 3.15cqi, var(--text-small));
font-weight: 500;
}
}
+2 -2
View File
@@ -10,8 +10,8 @@
inset: 0 auto auto 50%;
max-block-size: 70dvh;
max-inline-size: min(55ch, calc(100vw - (var(--panel-padding) * 2)));
min-inline-size: min(25ch, calc(100vw - (var(--panel-padding) * 2)));
max-inline-size: min(55ch, calc(100vw - (var(--panel-padding))));
min-inline-size: min(25ch, calc(100vw - (var(--panel-padding))));
overflow: auto;
position: absolute;
transform: translateX(-50%);