From cfd848c953ab365379ad72a6a3570dba18abd82f Mon Sep 17 00:00:00 2001 From: Cedric Date: Mon, 26 Oct 2026 08:34:50 +0100 Subject: [PATCH] Actualiser css/public.css --- css/public.css | 80 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 80 insertions(+) diff --git a/css/public.css b/css/public.css index d197af1..eca6d29 100644 --- a/css/public.css +++ b/css/public.css @@ -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,