thegeneralist01/archivr
1
Fork 0
mirror of https://github.com/thegeneralist01/archivr synced 2026-07-22 03:05:32 +02:00
Code Issues Activity

fix(frontend): no left gap on playlist rows until chevron exists

Browse source 
Remove the probing-state placeholder span entirely. The chevron renders
only when playlistProbeState === 'done'; all other states (idle, probing,
error) render null. The small layout shift when the chevron appears after
probe is acceptable; blank padding while there is no chevron is not.
This commit is contained in:
TheGeneralist 2026-07-21 13:19:30 +02:00
parent f0a6bf1cdc
commit d9047ffbef
Signed by: thegeneralist01
SSH key fingerprint: SHA256:pp9qddbCNmVNoSjevdvQvM5z0DHN7LTa8qBMbcMq/R4
5 changed files with 4 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

2
crates/archivr-server/static/assets/index-CMScl08q.css → crates/archivr-server/static/assets/index-B2ZDSzbi.css
View file

File diff suppressed because one or more lines are too long

2
crates/archivr-server/static/assets/index-Bxtvq8vS.js → crates/archivr-server/static/assets/index-CTxmRuus.js
View file

File diff suppressed because one or more lines are too long

4
crates/archivr-server/static/index.html
View file

@ -4,8 +4,8 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Archivr</title> <title>Archivr</title>
<script type="module" crossorigin src="/assets/index-Bxtvq8vS.js"></script> <script type="module" crossorigin src="/assets/index-CTxmRuus.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CMScl08q.css"> <link rel="stylesheet" crossorigin href="/assets/index-B2ZDSzbi.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

2
frontend/src/components/CaptureDialog.jsx
View file

@ -818,8 +818,6 @@ function CaptureRow({ item, autoFocus, onLocatorChange, onQualityChange, onRemov
> >
{item.playlistExpanded ? '▲' : '▼'} {item.playlistExpanded ? '▲' : '▼'}
</button> </button>
) : item.playlistProbeState === 'probing' ? (
<span className="capture-playlist-toggle-placeholder" aria-hidden="true" />
) : null ) : null
) : null} ) : null}
<input <input

5
frontend/src/styles.css
View file

@ -2879,11 +2879,6 @@ body.has-audio-bar { padding-bottom: 56px; }
padding: 2px 4px; padding: 2px 4px;
font-size: 0.7rem; font-size: 0.7rem;
} }
.capture-playlist-toggle-placeholder {
display: inline-block;
width: 22px;
flex-shrink: 0;
}
.capture-conflict-badge { .capture-conflict-badge {
font-size: 0.7rem; font-size: 0.7rem;