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

The grid's search row starts beside the gallery's round ☰ on a phone

Browse source 
At rest on a phone the search row sits where the gallery's 44px ☰ circle lands (bottom-left, or
bottom-right in Arabic), so the circle covered the start of the search box. The row now starts at
--map-fab-beside, which the layout publishes only while the circle shows. Everywhere else the
value is 0, so the change does nothing until the circle comes back.
This commit is contained in:
Doxa Maps 2026-09-30 06:15:30 +00:00
parent cf16866111
commit 7d2a5f7778
1 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
plugin-designs/people-groups-grid/people-groups-grid.vue
View file

@ -1268,6 +1268,11 @@ onMounted(() => {
gap: 10px; align-items: center; flex-wrap: wrap;
justify-content: space-between;
width: 100%; max-width: 600px; margin-inline: auto;
/* ★ BESIDE THE GALLERY'S ROUND ☰. On a phone the gallery draws a 44px circle at the bottom-left
(bottom-right in ar), and at rest this row sits right where it lands, so the circle covered the
start of the search box. The layout publishes --map-fab-beside only while the circle shows. It is
unset (0) on desktop, on a standalone page, and wherever there is no circle. */
padding-inline-start: var(--map-fab-beside, 0px); box-sizing: border-box;
}
.pgg-search--repel > :first-child { flex: 1 1 320px; min-width: 0; }
.pgg-exact { flex: none; }