Actualiser css/public.css

2026-10-26 08:34:50 +01:00
parent 6051a91cab
commit cfd848c953
1 changed files with 80 additions and 0 deletions
@@ -1426,6 +1426,86 @@ footer {
    }
 }

+/* ══════════════════════════════════════════════════════════════
+   CORRECTIF MOBILE : empêche le débordement horizontal et
+   l'agrandissement automatique de la page
+   ═══════════════════════════════════════════════════════════════ */
+html {
+    -webkit-text-size-adjust: 100%;
+    text-size-adjust: 100%;
+}
+
+body {
+    overflow-x: hidden;
+    width: 100%;
+}
+
+.site-wrap,
+.card,
+.card-body,
+.detail-content {
+    min-width: 0;
+}
+
+@media (max-width: 720px) {
+    html { font-size: 15px; }
+
+    body { padding: 1rem 0.7rem; }
+
+    /* minmax(0, 1fr) : une colonne ne peut plus être élargie par un long titre */
+    .grid {
+        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+        gap: 1rem 0.7rem;
+    }
+
+    .card-title,
+    .card-director,
+    .card-meta {
+        max-width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    .site-title { font-size: 1.9rem; }
+    .site-subtitle { font-size: 0.7rem; letter-spacing: 0.05em; }
+    .site-header { margin-bottom: 1.2rem; }
+
+    .pub-tabs-container { margin-bottom: 1rem; }
+    .pub-tabs { max-width: 100%; }
+
+    .pub-toolbar {
+        margin-bottom: 1rem;
+        gap: 0.5rem;
+        flex-wrap: wrap;
+    }
+    .btn-admin-link { font-size: 0.7rem; padding: 0.4rem 0.7rem; }
+
+    .pub-search-box { min-width: 0 !important; }
+    .pub-streaming-select { min-width: 0 !important; }
+
+    .rating-filter-bar,
+    .streaming-filter-bar {
+        max-width: 100%;
+        margin-bottom: 1rem;
+    }
+
+    .physical-filter-label { max-width: 100%; }
+    .filter-text { font-size: 0.78rem; }
+
+    .detail-modal {
+        width: 100%;
+        max-width: 100%;
+        padding: 3rem 1rem 1.2rem 1rem;
+    }
+    .detail-poster { width: 120px; max-width: 120px; }
+    .detail-title { font-size: 1.4rem; }
+    .detail-stars { font-size: 1.15rem; }
+    .cast-label { width: auto; margin-right: 0.4rem; }
+    .pub-review-text,
+    .pub-synopsis-box p { font-size: 0.9rem; }
+}
+
 /* Forcer 16px min sur mobile pour éviter le zoom iOS */
@media (max-width: 768px) {
    .pub-search-box input,