fix(storage): spacing between the enrichment tag row and action rows

The .drive-agent-extra slot stacked the agent tag row and the agent
action row with no vertical gap (and sat flush against the registry
action row). The slot is now a flex column with a .6rem gap + top
margin, hidden when empty; enrichCard's inline margin removed.
This commit is contained in:
2026-07-02 20:25:49 +02:00
parent 1b954e9217
commit 611c5ffbdf
3 changed files with 27 additions and 1 deletions
+9
View File
@@ -1,5 +1,14 @@
## Changelog ## Changelog
### v0.98.1 — drive-card spacing: enrichment rows no longer touch (2026-07-02)
User feedback: on the Meghajtók cards the agent tag row ("Felhasználói adat", "lassú", uuid) and the
agent action row ("Leválasztás", "Törlés…") rendered with zero vertical gap. The
`.drive-agent-extra` slot is now a flex column with a .6rem gap (+ .6rem top margin, hidden when
empty); the inline margin in `enrichCard` dropped in favor of the slot styles; metarow horizontal
gap tightened to .75rem. CSS + one JS-string line only (storage.html, style.css).
### v0.98.0 — storage IA follow-up: Meghajtók / Hálózati tárhely subpages (2026-07-02) ### v0.98.0 — storage IA follow-up: Meghajtók / Hálózati tárhely subpages (2026-07-02)
User feedback on the D1 Tárhely page: the NAS-add button rendered directly next to the local-drive User feedback on the D1 Tárhely page: the NAS-add button rendered directly next to the local-drive
@@ -328,7 +328,7 @@ window.__registeredPaths=[{{range .StoragePaths}}{{if .Path}}"{{.Path}}",{{end}}
function enrichCard(d, registered){ function enrichCard(d, registered){
var slot=document.getElementById('agent-extra-'+regKey(d)); var slot=document.getElementById('agent-extra-'+regKey(d));
if(!slot) return false; if(!slot) return false;
var extra='<div class="metarows" style="margin:.4rem 0 0">' var extra='<div class="metarows">'
+'<span class="metarow">'+roleTag(d.role)+'</span>' +'<span class="metarow">'+roleTag(d.role)+'</span>'
+(d.class?'<span class="metarow">'+classTag(d)+'</span>':'') +(d.class?'<span class="metarow">'+classTag(d)+'</span>':'')
+(d.durable_id?'<span class="metarow mono" title="Tartós azonosító">'+esc(d.durable_id)+'</span>':'') +(d.durable_id?'<span class="metarow mono" title="Tartós azonosító">'+esc(d.durable_id)+'</span>':'')
@@ -3253,3 +3253,20 @@ span.mono, .mono { font-family: var(--font-data); }
.nav-links-nested a.active { .nav-links-nested a.active {
border-left: 3px solid var(--blue); border-left: 3px solid var(--blue);
} }
/* Unified drive view enrichment slot breathing room between the agent tag row,
the agent action row, and the registry action row below. */
.drive-agent-extra {
display: flex;
flex-direction: column;
gap: .6rem;
margin-top: .6rem;
}
.drive-agent-extra:empty { display: none; }
.drive-agent-extra .metarows {
margin: 0;
gap: .3rem .75rem;
}
.drive-agent-extra .drive-actions {
margin: 0;
}