hnzio/putzliga
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 5 Wiki Activity

fix: constrain quick win dialog on mobile

Browse Source
This commit is contained in:
Florian Heinz
2026-04-16 13:26:14 +02:00
parent 7bf5b8b09d
commit ba4a112bbc
1 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/static/css/style.css
View File

@@ -1452,8 +1452,8 @@ p {
} }
.complete-dialog__surface { .complete-dialog__surface {
width: min(100vw - 16px, 410px); width: min(410px, 100%);
max-width: calc(100vw - 16px); max-width: 100%;
padding: 18px 16px; padding: 18px 16px;
gap: 14px; gap: 14px;
overflow-x: hidden; overflow-x: hidden;
@@ -1602,11 +1602,17 @@ p {
} }
.complete-dialog { .complete-dialog {
inset: 0;
width: 100vw;
max-width: 100vw;
min-height: 100vh;
margin: 0;
padding: 12px;
border: 0; border: 0;
padding: 0;
background: transparent; background: transparent;
width: min(520px, calc(100vw - 16px)); display: flex;
max-width: calc(100vw - 16px); align-items: center;
justify-content: center;
overflow: visible; overflow: visible;
} }
@@ -1616,8 +1622,8 @@ p {
} }
.complete-dialog__surface { .complete-dialog__surface {
width: min(460px, calc(100vw - 24px)); width: min(460px, 100%);
max-width: calc(100vw - 24px); max-width: 100%;
padding: 24px; padding: 24px;
border-radius: 28px; border-radius: 28px;
background: var(--surface-strong); background: var(--surface-strong);
@@ -1628,7 +1634,7 @@ p {
} }
.complete-dialog__surface--task { .complete-dialog__surface--task {
width: 100%; width: min(520px, 100%);
max-width: 100%; max-width: 100%;
overflow-x: hidden; overflow-x: hidden;
overscroll-behavior-x: contain; overscroll-behavior-x: contain;