From 7d2a5f77786326540708438bef40822575b3fb0c Mon Sep 17 00:00:00 2001 From: Doxa Maps Date: Wed, 30 Sep 2026 06:15:30 +0000 Subject: [PATCH] =?UTF-8?q?The=20grid's=20search=20row=20starts=20beside?= =?UTF-8?q?=20the=20gallery's=20round=20=E2=98=B0=20on=20a=20phone?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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. --- plugin-designs/people-groups-grid/people-groups-grid.vue | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/plugin-designs/people-groups-grid/people-groups-grid.vue b/plugin-designs/people-groups-grid/people-groups-grid.vue index b543af13a..56dd30386 100644 --- a/plugin-designs/people-groups-grid/people-groups-grid.vue +++ b/plugin-designs/people-groups-grid/people-groups-grid.vue @@ -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; }