re-add theme as ptrs broken

2026-09-07 17:09:53 +01:00
parent c5a14cb381
commit ab85c4a575
3 changed files with 188 additions and 47 deletions
@@ -2186,3 +2186,104 @@ html:not(.dark) .hd-nav-link.is-active i {
        max-height: 24px !important;
    }
 }
+
+/* ============================================================
+   Legacy Safari / iOS 12 compatibility layer
+   Keep this at the end so it can provide safe fallbacks for the
+   modern Tailwind/Flux theme without changing current browsers.
+   ============================================================ */
+html {
+    -webkit-text-size-adjust: 100%;
+    text-size-adjust: 100%;
+}
+body {
+    min-height: 100vh;
+    min-height: -webkit-fill-available;
+    -webkit-font-smoothing: antialiased;
+}
+button,
+input,
+select,
+textarea {
+    font: inherit;
+}
+button,
+a,
+input,
+select,
+textarea {
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+
+/* iOS 12 has no flex/grid gap support. These margins are harmless in
+   modern Safari/Chrome and are cancelled where native gap is available. */
+@supports not (gap: 1rem) {
+    .hd-btn > * + *,
+    .hd-action > * + *,
+    .hd-nav-link > * + * { margin-left: .5rem; }
+
+    .hd-toolbar > * + *,
+    .hd-dashboard-heading > * + *,
+    .hd-page-hero > * + * { margin-left: .75rem; }
+
+    @media (max-width: 700px) {
+        .hd-toolbar > * + *,
+        .hd-dashboard-heading > * + *,
+        .hd-page-hero > * + * {
+            margin-left: 0;
+            margin-top: .75rem;
+        }
+    }
+}
+
+/* Safari 12 fallback before min()/max()/clamp() support. */
+@media (max-width: 1023px) {
+    .hd-shell-sidebar {
+        width: 84vw;
+        max-width: 320px;
+    }
+}
+
+/* Respect iPhone/iPad safe areas in standalone/full-screen Safari. */
+@supports (padding: env(safe-area-inset-left)) {
+    .hd-topbar-brand { padding-left: calc(14px + env(safe-area-inset-left)); }
+    .hd-shell-sidebar { padding-left: env(safe-area-inset-left); }
+    .hd-shell-main {
+        padding-left: calc(30px + env(safe-area-inset-left));
+        padding-right: calc(30px + env(safe-area-inset-right));
+        padding-bottom: calc(34px + env(safe-area-inset-bottom));
+    }
+    @media (max-width: 1023px) {
+        .hd-shell-main {
+            padding-left: calc(18px + env(safe-area-inset-left));
+            padding-right: calc(18px + env(safe-area-inset-right));
+        }
+    }
+    @media (max-width: 700px) {
+        .hd-shell-main {
+            padding-left: calc(10px + env(safe-area-inset-left));
+            padding-right: calc(10px + env(safe-area-inset-right));
+        }
+    }
+}
+
+/* Prevent iOS Safari zooming form controls on focus. */
+@media (max-width: 1023px) {
+    input,
+    select,
+    textarea,
+    .helpdesk-ticket-form input,
+    .helpdesk-ticket-form select,
+    .helpdesk-ticket-form textarea {
+        font-size: 16px !important;
+    }
+}
+
+/* Older WebKit needs explicit scrolling momentum on overflow panes. */
+.hd-shell-nav,
+.hd-shell-main,
+.overflow-auto,
+.overflow-y-auto,
+.overflow-x-auto {
+    -webkit-overflow-scrolling: touch;
+}