Dashboard banners on a phone wrap inside the banner; the banner link takes the banner's colour
gates / gates (push) Successful in 1m5s
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:
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user