diff --git a/dist/index.html b/dist/index.html index 5460668..9b93f95 100644 --- a/dist/index.html +++ b/dist/index.html @@ -1802,7 +1802,13 @@ justify-content: center; row-gap: 3px; top: auto; - bottom: 12px; + /* Clear of the right-edge control stack, which the strip spans the full + width of and would otherwise sit under: + My Location bottom: 90px + 44px tall -> top at 134px + Base map switcher bottom: 144px + 44px tall -> top at 188px + so 188 + 8px gap. Keep these in step with .ls-locate-toggle and the + LayerSwitcher button in src/styles/layerswitcher.css. */ + bottom: 196px; left: 8px; /* width rather than `right`, which is the more conventional pairing with `left` and avoids another layout edge case. */ diff --git a/dist/sw.js b/dist/sw.js index d130acd..7a55441 100644 --- a/dist/sw.js +++ b/dist/sw.js @@ -103,7 +103,11 @@ // become hairline dividers so the grouping survives the narrower layout. // Building the rail is now also wrapped in a fallback: if it throws, the // default ol-ext bar is shown instead of no bar at all. -const CACHE_VERSION = 'v18'; +// v19: The phone strip sat at the very bottom edge, under the My Location and +// base-map buttons on the right and clipped by the dock. It now sits above +// that whole right-edge stack (bottom: 196px = the switcher's 144px anchor +// + its 44px height + an 8px gap). +const CACHE_VERSION = 'v19'; const SHELL_CACHE = `shell-${CACHE_VERSION}`; const MODULES_CACHE = `modules-${CACHE_VERSION}`; const API_CACHE = `api-${CACHE_VERSION}`; diff --git a/index.html b/index.html index 057215a..f55cca7 100644 --- a/index.html +++ b/index.html @@ -1802,7 +1802,13 @@ justify-content: center; row-gap: 3px; top: auto; - bottom: 12px; + /* Clear of the right-edge control stack, which the strip spans the full + width of and would otherwise sit under: + My Location bottom: 90px + 44px tall -> top at 134px + Base map switcher bottom: 144px + 44px tall -> top at 188px + so 188 + 8px gap. Keep these in step with .ls-locate-toggle and the + LayerSwitcher button in src/styles/layerswitcher.css. */ + bottom: 196px; left: 8px; /* width rather than `right`, which is the more conventional pairing with `left` and avoids another layout edge case. */ diff --git a/public/sw.js b/public/sw.js index d130acd..7a55441 100644 --- a/public/sw.js +++ b/public/sw.js @@ -103,7 +103,11 @@ // become hairline dividers so the grouping survives the narrower layout. // Building the rail is now also wrapped in a fallback: if it throws, the // default ol-ext bar is shown instead of no bar at all. -const CACHE_VERSION = 'v18'; +// v19: The phone strip sat at the very bottom edge, under the My Location and +// base-map buttons on the right and clipped by the dock. It now sits above +// that whole right-edge stack (bottom: 196px = the switcher's 144px anchor +// + its 44px height + an 8px gap). +const CACHE_VERSION = 'v19'; const SHELL_CACHE = `shell-${CACHE_VERSION}`; const MODULES_CACHE = `modules-${CACHE_VERSION}`; const API_CACHE = `api-${CACHE_VERSION}`;