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

Make port health status banner more subtle for critical/warning states

Browse Source 
Agent-Logs-Url: https://github.com/naturallaw777/staging_alpha/sessions/153a5e43-7267-4f3c-aa97-ce6c80d78f82

Co-authored-by: naturallaw777 <99053422+naturallaw777@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
2026-04-03 18:49:49 +00:00
committed by GitHub
parent 91cdda8961
commit 11a2bc57a7
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 { } else {
// critical // critical
$statusBanner.classList.add("status-banner--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"; 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 { .status-banner--warn {
background-color: rgba(229, 165, 10, 0.15); background-color: rgba(229, 165, 10, 0.08);
border-bottom: 1px solid var(--yellow); border-bottom: 1px solid rgba(229, 165, 10, 0.4);
color: var(--yellow); color: var(--text-secondary);
} }
.status-banner--critical { .status-banner--critical {
background-color: rgba(224, 27, 36, 0.15); background-color: rgba(224, 27, 36, 0.08);
border-bottom: 1px solid var(--red); border-bottom: 1px solid rgba(224, 27, 36, 0.4);
color: var(--red); color: var(--text-secondary);
animation: pulse-banner-bg 2s ease-in-out infinite;
} }
.status-banner--fade-out { .status-banner--fade-out {
@@ -224,11 +223,6 @@ button:disabled {
pointer-events: none; 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 { .status-banner-details {
margin-top: 8px; margin-top: 8px;
text-align: left; text-align: left;
@@ -259,6 +253,7 @@ button:disabled {
border-collapse: collapse; border-collapse: collapse;
margin-top: 8px; margin-top: 8px;
font-size: 0.8rem; font-size: 0.8rem;
color: var(--text-secondary);
} }
.status-banner-table th { .status-banner-table th {
@@ -269,7 +264,7 @@ button:disabled {
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.05em; letter-spacing: 0.05em;
font-size: 0.72rem; font-size: 0.72rem;
border-bottom: 1px solid currentColor; border-bottom: 1px solid var(--border-color);
} }
.status-banner-table td { .status-banner-table td {