Zaki/Password-Manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(list): give the content header a fixed height

Browse Source 
min-height still let a child grow the row, and a couple of stray pixels from the selection bar pushed the grid down in table and list view. A fixed height makes overflow purely visual - nothing inside can move what follows.
This commit is contained in:
r-zakarya
2026-08-02 00:04:52 +01:00
parent 8c633b69de
commit 4c734de266
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+6 -5
View File
@@ -786,10 +786,11 @@ input[type="range"]::-webkit-slider-thumb {
table header) offsets by --hdr-h. */ table header) offsets by --hdr-h. */
.content-header { .content-header {
display: flex; align-items: baseline; gap: 12px; margin-bottom: 20px; display: flex; align-items: baseline; gap: 12px; margin-bottom: 20px;
/* Height of the batch bar — reserved even when nothing is selected, so /* FIXED, not min-height: 24px of padding + 38px of bar. A minimum still
selecting something never moves the grid. .batch-bar pins itself to the lets a child grow the row — a couple of stray pixels from the selection
same value; change both together. */ bar were enough to push the whole grid down in table and list view. With
min-height: 38px; a fixed height nothing inside can move what follows. */
height: 62px;
position: sticky; top: 0; z-index: 12; position: sticky; top: 0; z-index: 12;
background: var(--bg); background: var(--bg);
padding-top: 24px; padding-top: 24px;
@@ -2681,7 +2682,7 @@ body[data-editor-position="center"]:has(#settingsPanel.is-open)::before {
.nav-item { justify-content: center; padding: 8px; } .nav-item { justify-content: center; padding: 8px; }
.topbar { padding: 12px 16px; } .topbar { padding: 12px 16px; }
.content { padding: 0 16px 16px; } .content { padding: 0 16px 16px; }
.content-header { padding-top: 16px; } .content-header { padding-top: 16px; height: 54px; } /* 16 + 38 */
.slideover { width: 100%; } .slideover { width: 100%; }
/* On a narrow viewport the slideover fills the screen — no point /* On a narrow viewport the slideover fills the screen — no point
pushing the shell, the table isn't visible anyway. */ pushing the shell, the table isn't visible anyway. */