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

fix(list): pin the selection bar to the height the header reserves

Browse Source 
It was a few pixels taller than the reservation, so selecting anything pushed the whole grid down - the shift moving the bar into the header was supposed to remove.
This commit is contained in:
r-zakarya
2026-08-01 23:56:15 +01:00
parent cb0a366e52
commit 29ba069659
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+9 -2
View File
@@ -786,7 +786,9 @@ 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. */ /* Height of the batch bar — reserved even when nothing is selected, so
selecting something never moves the grid. .batch-bar pins itself to the
same value; change both together. */
min-height: 38px; min-height: 38px;
position: sticky; top: 0; z-index: 12; position: sticky; top: 0; z-index: 12;
background: var(--bg); background: var(--bg);
@@ -996,8 +998,13 @@ input[type="range"]::-webkit-slider-thumb {
.batch-bar { .batch-bar {
flex: 1; flex: 1;
align-self: center; align-self: center;
/* EXACTLY the height .content-header reserves. Left to grow, the bar was a
few pixels taller than the reservation and pushed the whole grid down as
soon as anything was selected — the shift the sticky header was meant to
prevent in the first place. */
height: 38px;
display: flex; align-items: center; gap: 8px; display: flex; align-items: center; gap: 8px;
padding: 5px 10px; padding: 0 10px;
background: var(--bg-elev); background: var(--bg-elev);
border: 1px solid var(--accent); border: 1px solid var(--accent);
border-radius: var(--radius); border-radius: var(--radius);