Dashboard banners on a phone wrap inside the banner; the banner link takes the banner's colour
gates / gates (push) Successful in 1m5s

Seen on scratch 9202 with the R-906 build: once the real banner warnings showed (instead of an empty
overflow line), the link ran 90 px past a 390 px screen and rendered browser-default blue. Phone block:
.alert-banner wraps, .alert-message breaks long paths, .alert-link on its own line; .alert-link color: inherit.
Pinned in TestR907_PageHeaderWrapsOnAPhone (red against d5f2e47's CSS). No Hungarian string changed.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012qRErfCoiTkvDK9N5XHbzb
This commit is contained in:
2026-10-08 14:41:18 +02:00
parent e37e9b50c6
commit 423b6d3404
3 changed files with 24 additions and 2 deletions
+8 -1
View File
@@ -900,7 +900,9 @@ select.form-control option { background: var(--bg-2); color: var(--text-1); }
}
.alert-icon { flex-shrink: 0; }
.alert-message { flex: 1; }
.alert-link { margin-left: auto; white-space: nowrap; }
/* The link takes the banner's own colour (it had none and rendered browser-default blue, 2026-10-08). */
.alert-link { margin-left: auto; white-space: nowrap; color: inherit; text-decoration: none; }
.alert-link:hover { text-decoration: underline; }
/* Inline storage warnings (under storage bars on dashboard and monitoring) */
.inline-warnings { margin-top: 0.75rem; }
@@ -2703,6 +2705,11 @@ a.stat-card:hover {
launcher the share button drops to its own line. Pinned by TestR907_PageHeaderWrapsOnAPhone. */
.page-header { flex-wrap: wrap; row-gap: .6rem; }
.share-open-btn { margin-left: 0; white-space: nowrap; }
/* A banner wraps too: a long path breaks, and the link drops to its own line inside the banner (2026-10-08 —
on 9202 the „Rendszermonitor" link ran 90 px past a 390 px screen). Pinned by TestR907_PageHeaderWrapsOnAPhone. */
.alert-banner { flex-wrap: wrap; }
.alert-message { min-width: 0; overflow-wrap: anywhere; }
.alert-link { flex-basis: 100%; text-align: right; }
.stats-grid { grid-template-columns: repeat(3, 1fr); }
.deploy-info { flex-direction: column; }
.system-info-items { flex-direction: column; gap: 1rem; }