Sovran_Systems/Sovran_SystemsOS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Make service version metadata less prominent

Browse Source 
Co-authored-by: arena-agent <297053741+arena-agent@users.noreply.github.com>
This commit is contained in:
naturallaw777
2026-07-29 13:49:24 +00:00
co-authored by arena-agent
parent 1c0ef15855
commit 97990f5092
2 changed files with 31 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/sovran_systemsos_web/static/css/tiles.css
+23 -59
View File
@@ -256,80 +256,44 @@
color: var(--text-primary);
}
/* Version lives in the detail modal so compact tiles stay visually stable. */
.svc-detail-version-card {
/* Version is secondary metadata: keep it available without making it a focal point. */
.svc-detail-version-row {
display: flex;
align-items: center;
gap: 12px;
margin: -6px 0 20px;
padding: 12px 14px;
border: 1px solid rgba(109, 191, 139, 0.28);
border-radius: 10px;
background: linear-gradient(135deg, rgba(109, 191, 139, 0.12), rgba(109, 191, 139, 0.04));
gap: 7px;
margin: -2px 0 16px;
padding: 4px 0;
color: var(--text-dim);
font-size: 0.74rem;
opacity: 0.78;
}
.svc-detail-version-icon {
display: grid;
place-items: center;
width: 30px;
height: 30px;
border-radius: 8px;
background: rgba(109, 191, 139, 0.18);
color: var(--accent-color);
font-size: 1.35rem;
font-weight: 700;
color: var(--text-dim);
font-size: 1rem;
line-height: 1;
opacity: 0.7;
}
.svc-detail-version-label {
color: var(--text-dim);
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.svc-detail-version-copy {
min-width: 0;
}
.svc-detail-version-state {
display: inline-block;
margin-left: 6px;
padding: 2px 6px;
border-radius: 999px;
color: var(--accent-color);
background: rgba(109, 191, 139, 0.14);
font-size: 0.62rem;
letter-spacing: 0.04em;
}
.svc-detail-version-card--unavailable,
.svc-detail-version-card--not-applicable {
border-color: rgba(229, 165, 10, 0.3);
background: rgba(229, 165, 10, 0.07);
}
.svc-detail-version-card--unavailable .svc-detail-version-icon,
.svc-detail-version-card--not-applicable .svc-detail-version-icon {
color: var(--yellow);
background: rgba(229, 165, 10, 0.14);
}
.svc-detail-version-card--unavailable .svc-detail-version-state,
.svc-detail-version-card--not-applicable .svc-detail-version-state {
color: var(--yellow);
background: rgba(229, 165, 10, 0.14);
font-weight: 600;
}
.svc-detail-version-value {
margin-top: 2px;
color: var(--text-primary);
min-width: 0;
color: var(--text-secondary);
font-family: 'JetBrains Mono', 'Fira Code', monospace;
font-size: 0.95rem;
font-weight: 700;
font-size: 0.74rem;
word-break: break-word;
}
.svc-detail-version-row--unavailable .svc-detail-version-value,
.svc-detail-version-row--not-applicable .svc-detail-version-value {
color: var(--text-dim);
font-family: inherit;
font-style: italic;
}
/* ── Service detail: Domain ──────────────────────────────────────── */
.svc-detail-domain-value {