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

Merge pull request #360 from naturallaw777/arena/019fade2-sovran-systemsos

Browse Source 
Make service version metadata less prominent
This commit is contained in:
Sovran Systems
2026-07-29 08:50:00 -05:00
committed by GitHub
parent 1c0ef15855 97990f5092
commit 9df83e8a11
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 {
app/sovran_systemsos_web/static/js/service-detail.js
+8 -5
View File
@@ -675,11 +675,14 @@ async function openServiceDetailModal(unit, name, icon) {
? 'This service does not expose a single package version'
: (effectiveEnabled ? 'Version could not be detected' : 'Start the service to detect its version'));
var versionBadge = serviceVersion ? 'Detected' : (versionNotApplicable ? 'Not applicable' : 'Not detected');
addSetup('<div class="svc-detail-version-card svc-detail-version-card--' + versionState + '">' +
'<div class="svc-detail-version-icon">⌁</div>' +
'<div class="svc-detail-version-copy"><div class="svc-detail-version-label">Installed version ' +
'<span class="svc-detail-version-state">' + versionBadge + '</span></div>' +
'<div class="svc-detail-version-value">' + escHtml(versionText) + '</div></div>' +
// Version is useful supporting information, but not the primary reason for
// opening this modal. Keep it as a quiet metadata row instead of a large
// callout so it does not compete with status and service actions.
addSetup('<div class="svc-detail-version-row svc-detail-version-row--' + versionState + '"' +
' title="' + escHtml(versionText) + '">' +
'<span class="svc-detail-version-icon" aria-hidden="true">⌁</span>' +
'<span class="svc-detail-version-label">Version</span>' +
'<span class="svc-detail-version-value">' + escHtml(serviceVersion || versionBadge) + '</span>' +
'</div>');
// Section B2: BIP-110 live status (bip110 tile only)