3dtours/RecipesCam
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): ensure DevelopPanels in Light tab can scroll when solo mode is disabled

Browse Source
This commit is contained in:
3dtours
2026-10-16 20:01:12 +07:00
parent 210ffceea4
commit fce6479c6a
1 changed files with 37 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docker/frontend/src/styles/app.css
+37 -3
View File
@@ -99,6 +99,8 @@
.chips {
flex: 0 0 auto;
max-width: 62vw;
height: 100%;
min-height: 0;
display: flex;
flex-direction: row;
align-items: stretch;
@@ -110,14 +112,34 @@
.col {
width: var(--col-w);
flex: 0 0 auto;
height: 100%;
max-height: 100%;
min-height: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 8px;
padding: 10px;
overflow-y: auto;
overflow-x: hidden;
border-right: 1px solid var(--border-soft);
/* The grip on this column's edge is placed against it (see .col-grip). */
position: relative;
scrollbar-width: thin;
scrollbar-color: var(--border, #3a3a42) transparent;
}
.col::-webkit-scrollbar {
width: 6px;
}
.col::-webkit-scrollbar-track {
background: transparent;
}
.col::-webkit-scrollbar-thumb {
background: var(--border, #3a3a42);
border-radius: 3px;
}
.col::-webkit-scrollbar-thumb:hover {
background: var(--text-dim, #71717a);
}
/* A list read as names instead of as buttons: MY PHOTOS' saved frames, FAVORITED
and RECIPES' looks, PHOTO STYLE's sims. No border, no fill, no pill — the text
@@ -156,9 +178,13 @@
/* CREATE RECIPES draws a two-up form, so its column is the wide one. */
.col-create { width: 300px; }
.col-sub { background: var(--bg-elev); }
/* RESET is the way out of an edit, not one more chip: a rule and some air keep
it apart from the tab's own buttons at the foot of the column. */
.reset-row { margin-top: 6px; padding-top: 12px; border-top: 1px solid var(--border); }
.reset-row {
margin-top: 6px;
padding-top: 12px;
border-top: 1px solid var(--border);
flex-shrink: 0;
margin-bottom: 24px;
}
/* Three things that belong to the phone alone: the path back up under the strip,
LIGHT's panels as a chip row, and the strip those chips open. A desktop draws
none of them — every column is in sight, LIGHT's panels are the column itself,
@@ -1977,6 +2003,13 @@ form[data-key='immich-modal'] {
width: 350px;
min-width: 320px;
flex: 0 0 auto;
height: 100%;
max-height: 100%;
min-height: 0;
box-sizing: border-box;
overflow-y: auto;
overflow-x: hidden;
padding: 10px 10px 40px 10px;
}
.dev-panels {
display: flex;
@@ -1985,6 +2018,7 @@ form[data-key='immich-modal'] {
border: 1px solid var(--border);
border-radius: var(--radius-sm);
overflow: hidden;
flex-shrink: 0;
}
.dev-panel {
border-top: 1px solid var(--border-soft);