Skip to content

Commit cbbbfdc

Browse files
committed
fix: make settings dialog scrollable
1 parent 4bbbaeb commit cbbbfdc

4 files changed

Lines changed: 15 additions & 3 deletions

File tree

package-lock.json

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "webdroid-agent",
33
"private": true,
4-
"version": "0.1.0",
4+
"version": "0.1.1",
55
"license": "MIT",
66
"type": "module",
77
"scripts": {

src/styles/responsive.css

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -152,6 +152,11 @@
152152
padding: 12px;
153153
}
154154

155+
.settings-panel {
156+
max-height: calc(100vh - 24px);
157+
max-height: calc(100dvh - 24px);
158+
}
159+
155160
.repository-stats {
156161
grid-template-columns: 1fr;
157162
}

src/styles/settings-dialog.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
display: flex;
66
justify-content: flex-end;
77
left: 0;
8+
overflow: hidden;
89
padding: 24px;
910
position: fixed;
1011
right: 0;
@@ -19,8 +20,14 @@
1920
box-shadow: 0 24px 72px var(--shadow-strong);
2021
display: grid;
2122
gap: 16px;
23+
max-height: calc(100vh - 48px);
24+
max-height: calc(100dvh - 48px);
2225
max-width: 520px;
26+
min-height: 0;
27+
overflow-y: auto;
28+
overscroll-behavior: contain;
2329
padding: 20px;
30+
scrollbar-gutter: stable;
2431
width: min(100%, 520px);
2532
}
2633

0 commit comments

Comments
 (0)