web(d-web4): narrow-phone (<=480px) hardening for embedded dashboard header - #442
Merged
Merged
Conversation
…<=480px The embedded dashboard header info boxes (#miner-info / #network-info) carry inline min-width (280px / 220px) that the 768px/900px breakpoints cannot override, and the monospace config lines (stratum URL, the <ADDR>,<DOGE_ADDR>.WORKER username) are unbreakable tokens. On a phone (<=414px) these force horizontal overflow that clips the view. Add a <=480px breakpoint that drops the inline mins to full-width and lets the long tokens wrap. Static drop-in (served from --dashboard-dir), no rebuild.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What
Adds a
@media (max-width: 480px)block toweb-static/dashboard.html:#miner-info/#network-infoto full-width, min-width:0 (their inline min-width of 280px/220px is unreachable by the existing 768px/900px breakpoints, so on a phone the two boxes sum to ~500px and overflow horizontally → clipped view)overflow-wrap/word-breakto the monospace config lines (stratum URL, the<ADDR>,<DOGE_ADDR>.WORKERusername) which are unbreakable tokens that push past the viewportWhy
Closes the residual half of the operator-flagged D-WEB.4 mobile-clip on the embedded :8080 dashboard. PR #422 covered the legacy index/graphs static pages; this covers
dashboard.html(the root/page served from--dashboard-dir).Risk / deploy
Pure CSS, additive, scoped to <=480px only — no change at desktop/tablet widths. Static drop-in: served on-disk from
--dashboard-dir, deploys via static-swap (no rebuild, no restart). Web/non-consensus → normal merge after CI green + operator merge-tap awareness.