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

Merge pull request #26 from naturallaw777/copilot/make-port-health-banner-subtle

Browse Source 
Soften port health status banner: no flash, neutral text, calmer copy
This commit is contained in:
Sovran_Systems
2026-04-03 13:50:23 -05:00
committed by GitHub
parent d77a6a96f1 11a2bc57a7
commit 3c3f6bfdb4
2 changed files with 9 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/sovran_systemsos_web/static/app.js
View File

@@ -1441,7 +1441,7 @@ function _renderPortHealthBanner(data) {
} else {
// critical
$statusBanner.classList.add("status-banner--critical");
html = "🔴 System Alert: Ports Are Down — Some services may not work";
html = "⚠ Some ports are closed — certain services may be affected";
}
var detailsId = "status-banner-detail-body";

21
app/sovran_systemsos_web/static/style.css
View File

@@ -207,16 +207,15 @@ button:disabled {
}
.status-banner--warn {
background-color: rgba(229, 165, 10, 0.15);
border-bottom: 1px solid var(--yellow);
color: var(--yellow);
background-color: rgba(229, 165, 10, 0.08);
border-bottom: 1px solid rgba(229, 165, 10, 0.4);
color: var(--text-secondary);
}
.status-banner--critical {
background-color: rgba(224, 27, 36, 0.15);
border-bottom: 1px solid var(--red);
color: var(--red);
animation: pulse-banner-bg 2s ease-in-out infinite;
background-color: rgba(224, 27, 36, 0.08);
border-bottom: 1px solid rgba(224, 27, 36, 0.4);
color: var(--text-secondary);
}
.status-banner--fade-out {
@@ -224,11 +223,6 @@ button:disabled {
pointer-events: none;
}
@keyframes pulse-banner-bg {
0%, 100% { background-color: rgba(224, 27, 36, 0.15); }
50% { background-color: rgba(224, 27, 36, 0.28); }
}
.status-banner-details {
margin-top: 8px;
text-align: left;
@@ -259,6 +253,7 @@ button:disabled {
border-collapse: collapse;
margin-top: 8px;
font-size: 0.8rem;
color: var(--text-secondary);
}
.status-banner-table th {
@@ -269,7 +264,7 @@ button:disabled {
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 0.72rem;
border-bottom: 1px solid currentColor;
border-bottom: 1px solid var(--border-color);
}
.status-banner-table td {