Skip to content

Commit 1892356

Browse files
authored
web(d-web4): neutralize inline min-widths + wrap monospace config on <=480px (#442)
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. Co-authored-by: frstrtr <frstrtr@users.noreply.github.com>
1 parent a1da5e6 commit 1892356

1 file changed

Lines changed: 20 additions & 1 deletion

File tree

web-static/dashboard.html

Lines changed: 20 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1248,7 +1248,26 @@
12481248
max-width: 100%;
12491249
}
12501250
}
1251-
1251+
1252+
/* Narrow phones (<=480px): the header info boxes carry INLINE
1253+
min-width (280px / 220px) which the wider breakpoints cannot
1254+
override, and the monospace config lines (stratum URL, the
1255+
<ADDR>,<DOGE_ADDR>.WORKER username) are unbreakable tokens.
1256+
Together they force horizontal overflow that clips the view on
1257+
a phone. Neutralize the inline mins and let long tokens wrap.
1258+
Static drop-in; serves the operator-flagged D-WEB.4 mobile clip. */
1259+
@media (max-width: 480px) {
1260+
#miner-info, #network-info {
1261+
min-width: 0 !important;
1262+
flex: 1 1 100% !important;
1263+
}
1264+
.miner-info [style*="monospace"],
1265+
.miner-info [style*="monospace"] span {
1266+
overflow-wrap: anywhere;
1267+
word-break: break-word;
1268+
}
1269+
}
1270+
12521271
/* Two-column layout for sections */
12531272
.two-col {
12541273
display: grid;

0 commit comments

Comments
 (0)