doxa-life/doxa-maps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Wall of People Groups: on a phone every control is on screen

Browse source 
rega measured the header at 390 px: one row, so the title wrapped to five lines and the poster-size select (x=393) and the Bless/Social toggle (x=553) ran off the edge, unreachable. On a phone the title takes one short line and the controls wrap onto rows.
This commit is contained in:
Doxa Maps 2026-09-29 03:36:00 +00:00
parent 26a351757a
commit cc5d592b02
1 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
plugin-designs/wall-of-people-groups/src/wall.css
View file

@ -122,6 +122,18 @@ body {
font-weight: 500;
}
/* PHONE (rega, 390×844): the header was one row, so the title wrapped to five lines and the poster-size
select and the Bless/Social toggle ran off the right edge, unreachable. On a phone the title takes one
short line and the controls wrap onto as many rows as they need, every one on screen. */
@media (max-width: 640px) {
.wall-header { flex-direction: column; align-items: stretch; gap: 10px; padding: 10px 12px; }
.wall-header h1 { font-size: 18px; line-height: 1.25; }
.wall-controls { flex-wrap: wrap; gap: 8px; }
.wall-controls .control-btn { padding: 8px 12px; font-size: 13px; min-height: 32px; }
.poster-size { font-size: 12px; }
.group-count { font-size: 12px; }
}
/* Wall Canvas */
.wall-canvas {
flex: 1;