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:
@@ -1,5 +1,14 @@
|
||||
## 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)
|
||||
|
||||
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){
|
||||
var slot=document.getElementById('agent-extra-'+regKey(d));
|
||||
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>'
|
||||
+(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>':'')
|
||||
|
||||
@@ -3253,3 +3253,20 @@ span.mono, .mono { font-family: var(--font-data); }
|
||||
.nav-links-nested a.active {
|
||||
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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user