engineering/www.unturf.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

zebra-report: mod-actions wraps so stream toggle doesn't cause scroll

Browse source 
Swap grid-auto-flow:column to grid-template-columns:repeat(auto-fit,max-content)
so the now-5-button row wraps to a second line on narrow panels instead
of overflowing horizontally.
This commit is contained in:
russell@unturf.com 2026-06-03 18:48:11 -04:00
parent e14c92e037
commit ab82577cdc
No known key found for this signature in database
1 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

12
zebra-report/zebra-spaces.html
View file

@ -530,7 +530,13 @@
.mic { width: 18px; height: 18px; }
.mic svg { width: 18px; height: 18px; display: block; }
.mod-actions {
display: grid; grid-auto-flow: column; grid-auto-columns: max-content;
/* repeat(auto-fit, max-content) lets buttons wrap onto a second row
* when the panel is too narrow to hold them all on one line — was
* grid-auto-flow: column which forced a single non-wrapping line and
* the right edge of long button strips (stream + promote + demote +
* kick + ban) overflowed the side panel, triggering horizontal
* scroll. Grid still — no flex per the project rule. */
display: grid; grid-template-columns: repeat(auto-fit, max-content);
gap: 0.3rem;
justify-content: start;
margin-top: 0.2rem;
@ -4549,8 +4555,8 @@ logLine('', 'ready — pick a handle, type a rendezvous code, enter the space');
<footer style="margin:2.2rem auto 0;font-size:0.65rem;color:#999;line-height:1.7;word-break:break-all;font-family:monospace">
<span id="pi-seal" style="color:#777;cursor:default;user-select:none" title="">page integrity</span> &nbsp;·&nbsp; built <span class="stamp-date">2026-06-03</span><br>
md5 <span class="stamp-md5">19c10cee08169563958d1edbb2c8ecae</span><br>
sha256 <span class="stamp-sha">0774caba0cbd90e06e69bb75823edd2c2a58139b969bdd4a6f287ead5df4cec0</span><br>
md5 <span class="stamp-md5">f94223ddb524e26d41c7240ab2d4ee7f</span><br>
sha256 <span class="stamp-sha">581cb2c1ea0bdb34e4e89a98fb8fa80fb1f1e1c1b48a46a96797225f19f85caf</span><br>
<span style="color:#bbb">hashes are of this page with these two fields zeroed — to verify, blank them and re-hash</span><br>
<span style="color:#bbb">one self-contained file — <strong>save a copy</strong> and verify against these hashes; point at your own servers with ?signal= and ?turncred=, or <a href="host-your-own.html" style="color:#999">host your own community</a></span>
</footer>