rickub
judu/ex-egopublic Fork
⑂ 985a720
Branches
main
Tags
v0.3.1 v0.3.2 v0.4.0 v0.5.0 v0.5.1 View all branches → View all tags →
Commits
⬇ Clone ▾
git clone https://git.rickub.com/judu/ex-ego.git
git clone ssh://git@rickub.com/judu/ex-ego.git

Host key fingerprint (ed25519): SHA256:iycHnxEyq0Q7uyVpB7JlznP0G7JrTPXLYRcAU5CSLhc — verify it before your first connect.

Download ZIP

fix(android): padding bas du menu gonflé quand la safe-area n'est pas exposée (barre gestuelle)Unverified

Julien Durillon committed 2026-08-08T09:48:01+02:00 Browse files
985a720 parent: 0c22849
modified assets/style.css +8 -0
@@ -217,6 +217,14 @@ input[type=number] { -moz-appearance: textfield; appearance: textfield; }
217217 /* max(), pas une somme : quand le viewport s'arrête déjà au-dessus de la
218218 zone home (PWA iOS), ajouter la safe area par-dessus doublerait le vide. */
219219 :root { --tabbar-pad: max(calc(var(--space-3) + 6px), env(safe-area-inset-bottom, 0px)); }
220+/* Android (PWA) : la barre gestuelle recouvre le bas du viewport mais
221+ env(safe-area-inset-bottom) y vaut 0 — on gonfle le padding à la main.
222+ Ciblage : écran tactile ET pas iOS (-webkit-touch-callout n'existe que là). */
223+@media (hover: none) and (pointer: coarse) {
224+ @supports not (-webkit-touch-callout: none) {
225+ :root { --tabbar-pad: calc(var(--space-3) + 34px); }
226+ }
227+}
220228 .tabbar {
221229 position: absolute; bottom: 0; left: 0; right: 0;
222230 display: flex;
@@ -217,6 +217,14 @@ input[type=number] { -moz-appearance: textfield; appearance: textfield; }
217 /* max(), pas une somme : quand le viewport s'arrête déjà au-dessus de la217 /* max(), pas une somme : quand le viewport s'arrête déjà au-dessus de la
218 zone home (PWA iOS), ajouter la safe area par-dessus doublerait le vide. */218 zone home (PWA iOS), ajouter la safe area par-dessus doublerait le vide. */
219 :root { --tabbar-pad: max(calc(var(--space-3) + 6px), env(safe-area-inset-bottom, 0px)); }219 :root { --tabbar-pad: max(calc(var(--space-3) + 6px), env(safe-area-inset-bottom, 0px)); }
220+/* Android (PWA) : la barre gestuelle recouvre le bas du viewport mais
221+ env(safe-area-inset-bottom) y vaut 0 — on gonfle le padding à la main.
222+ Ciblage : écran tactile ET pas iOS (-webkit-touch-callout n'existe que là). */
223+@media (hover: none) and (pointer: coarse) {
224+ @supports not (-webkit-touch-callout: none) {
225+ :root { --tabbar-pad: calc(var(--space-3) + 34px); }
226+ }
227+}
220 .tabbar {228 .tabbar {
221 position: absolute; bottom: 0; left: 0; right: 0;229 position: absolute; bottom: 0; left: 0; right: 0;
222 display: flex;230 display: flex;