rickub
judu/ex-egopublic Fork
⑂ c7e60c0
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

feat: PWA iOS — barres Apple fondues dans le thème (safe areas)Unverified

Julien Durillon committed 2026-08-07T09:34:58+02:00 Browse files
c7e60c0 parent: 57cf0d1
modified assets/style.css +5 -1
@@ -118,6 +118,8 @@ input[type=number] { -moz-appearance: textfield; appearance: textfield; }
118118 .shell {
119119 width: 100%; max-width: 430px; min-height: 100dvh; background: var(--color-bg);
120120 display: flex; flex-direction: column; position: relative;
121+ /* Barre de statut translucide (PWA iOS) : le contenu passe dessous. */
122+ padding-top: env(safe-area-inset-top, 0px);
121123 }
122124
123125 .app-header {
@@ -133,7 +135,9 @@ input[type=number] { -moz-appearance: textfield; appearance: textfield; }
133135 .tabbar {
134136 position: fixed; bottom: 0; left: 50%; transform: translateX(-50%);
135137 width: 100%; max-width: 430px;
136- display: flex; padding: var(--space-2) var(--space-2) calc(var(--space-3) + 6px);
138+ display: flex;
139+ padding: var(--space-2) var(--space-2)
140+ calc(var(--space-3) + 6px + env(safe-area-inset-bottom, 0px));
137141 background: var(--color-surface);
138142 border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg);
139143 box-shadow: var(--shadow-md);
@@ -118,6 +118,8 @@ input[type=number] { -moz-appearance: textfield; appearance: textfield; }
118 .shell {118 .shell {
119 width: 100%; max-width: 430px; min-height: 100dvh; background: var(--color-bg);119 width: 100%; max-width: 430px; min-height: 100dvh; background: var(--color-bg);
120 display: flex; flex-direction: column; position: relative;120 display: flex; flex-direction: column; position: relative;
121+ /* Barre de statut translucide (PWA iOS) : le contenu passe dessous. */
122+ padding-top: env(safe-area-inset-top, 0px);
121 }123 }
122 124
123 .app-header {125 .app-header {
@@ -133,7 +135,9 @@ input[type=number] { -moz-appearance: textfield; appearance: textfield; }
133 .tabbar {135 .tabbar {
134 position: fixed; bottom: 0; left: 50%; transform: translateX(-50%);136 position: fixed; bottom: 0; left: 50%; transform: translateX(-50%);
135 width: 100%; max-width: 430px;137 width: 100%; max-width: 430px;
136- display: flex; padding: var(--space-2) var(--space-2) calc(var(--space-3) + 6px);138+ display: flex;
139+ padding: var(--space-2) var(--space-2)
140+ calc(var(--space-3) + 6px + env(safe-area-inset-bottom, 0px));
137 background: var(--color-surface);141 background: var(--color-surface);
138 border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg);142 border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg);
139 box-shadow: var(--shadow-md);143 box-shadow: var(--shadow-md);
modified templates/base.html +3 -1
@@ -2,8 +2,10 @@
22 <html lang="fr">
33 <head>
44 <meta charset="utf-8">
5-<meta name="viewport" content="width=device-width, initial-scale=1">
5+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
66 <meta name="theme-color" content="#f5ead8">
7+<meta name="apple-mobile-web-app-title" content="time-time">
8+<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
79 <link rel="manifest" href="/manifest.json">
810 <link rel="icon" href="/icon-512.png">
911 <link rel="apple-touch-icon" href="/icon-512.png">
@@ -2,8 +2,10 @@
2 <html lang="fr">2 <html lang="fr">
3 <head>3 <head>
4 <meta charset="utf-8">4 <meta charset="utf-8">
5-<meta name="viewport" content="width=device-width, initial-scale=1">5+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
6 <meta name="theme-color" content="#f5ead8">6 <meta name="theme-color" content="#f5ead8">
7+<meta name="apple-mobile-web-app-title" content="time-time">
8+<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
7 <link rel="manifest" href="/manifest.json">9 <link rel="manifest" href="/manifest.json">
8 <link rel="icon" href="/icon-512.png">10 <link rel="icon" href="/icon-512.png">
9 <link rel="apple-touch-icon" href="/icon-512.png">11 <link rel="apple-touch-icon" href="/icon-512.png">