ospab
/
ostp
mirror of https://github.com/ospab/ostp.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix GUI scrolling: remove extra closing divs and prevent flex children from shrinking

This commit is contained in:
ospab 2026-07-04 01:17:14 +03:00
parent e31a651eb1
commit 83f14ec209
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ostp-gui/src/index.html
View File

@ -360,8 +360,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
<!-- DNS Prober Modal --> <!-- DNS Prober Modal -->
<div id="dns-prober-modal" class="modal-overlay hidden"> <div id="dns-prober-modal" class="modal-overlay hidden">

6
ostp-gui/src/styles.css
View File

@ -634,6 +634,7 @@ html[data-theme="light"] .watermark {
/* ── Settings screen layout ───────────────────────────────────────────────── */ /* ── Settings screen layout ───────────────────────────────────────────────── */
.settings-body { .settings-body {
flex: 1; flex: 1;
min-height: 0; /* allow this flex child to shrink so its scrollable child can scroll */
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 10px; gap: 10px;
@ -696,12 +697,17 @@ html[data-theme="light"] .watermark {
.card.scrollable { .card.scrollable {
flex: 1; flex: 1;
min-height: 0; /* required so overflow-y:auto actually scrolls inside the flex column */
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: rgba(255,255,255,0.08) transparent; scrollbar-color: rgba(255,255,255,0.08) transparent;
} }
.card.scrollable > * {
flex-shrink: 0;
}
.card.scrollable::-webkit-scrollbar { width: 3px; } .card.scrollable::-webkit-scrollbar { width: 3px; }
.card.scrollable::-webkit-scrollbar-track { background: transparent; } .card.scrollable::-webkit-scrollbar-track { background: transparent; }
.card.scrollable::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08); border-radius: 10px; } .card.scrollable::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08); border-radius: 10px; }