/* * legacy-flexgap.css — Repli `gap` en flexbox pour vieux moteurs. * * POURQUOI CE FICHIER * `gap` n'est supporté en flexbox qu'à partir de Chromium 84. En dessous, * il est IGNORÉ EN SILENCE : la page s'affiche, mais tous les espacements * s'effondrent. C'est le cas du WebView d'usine d'Android 10 (Chromium 77). * * POURQUOI PAS @supports * `@supports (gap: 1px)` renvoie VRAI sur Chromium 77, parce que `gap` y est * bien supporté — en grid. La requête teste la validité de la propriété, pas * son support en flexbox. Un fallback basé dessus ne se déclencherait jamais. * La détection se fait donc en JS (assets/js/legacy.js), qui pose la classe * `.vdm-no-flexgap` sur uniquement quand le repli est nécessaire. * * GÉNÉRÉ AUTOMATIQUEMENT depuis les feuilles du plugin — ne pas éditer à la * main : régénérer si les `gap` d'origine changent. * * Sans wrap : marge sur `> * + *` (aucune marge sur le premier enfant). * Avec wrap : marges sur tous les enfants + marge négative compensatoire * sur le parent, seule technique correcte au retour à la ligne. * * @package Vandeto_Map */ .vdm-no-flexgap .vdm-crs-head > * + * { margin-left: 10px; } .vdm-no-flexgap .vdm-crs-gps-btn > * + * { margin-left: 7px; } .vdm-no-flexgap .vdm-crs-gps-chip > * + * { margin-left: 7px; } .vdm-no-flexgap .vdm-crs-track > * + * { margin-left: var(--vc-gap); } .vdm-no-flexgap .vdm-crs-track .vdm-card-dots > * + *, .vdm-no-flexgap .vdm-crs-grid .vdm-card-dots > * + * { margin-left: 4px; } .vdm-no-flexgap .vdm-crs-track .vdm-card-badge > * + *, .vdm-no-flexgap .vdm-crs-grid .vdm-card-badge > * + * { margin-left: 4px; } .vdm-no-flexgap .vdm-crs-track .vdm-card-body > * + *, .vdm-no-flexgap .vdm-crs-grid .vdm-card-body > * + * { margin-top: 5px; } .vdm-no-flexgap .vdm-crs-track .vdm-card-loc > * + *, .vdm-no-flexgap .vdm-crs-grid .vdm-card-loc > * + * { margin-left: 4px; } .vdm-no-flexgap .vdm-crs-dots > * + * { margin-left: 7px; } .vdm-no-flexgap .vdm-geo-card > * + * { margin-top: 14px; } .vdm-no-flexgap .vdm-geo-btn > * + * { margin-left: 9px; } .vdm-no-flexgap .vdm-geo-hint > * + * { margin-left: 6px; } .vdm-no-flexgap .vdm-nb-status > * + * { margin-left: 8px; } .vdm-no-flexgap .vdm-nb-counter > * + * { margin-left: 6px; } .vdm-no-flexgap .vdm-nb-grid-header { margin: -5px -6px; } .vdm-no-flexgap .vdm-nb-grid-header > * { margin: 5px 6px; } .vdm-no-flexgap .vdm-nb-grid-title > * + * { margin-left: 8px; } .vdm-no-flexgap .vdm-nb-cat-filter > * + * { margin-left: 8px; } .vdm-no-flexgap .vdm-cat-pill > * + * { margin-left: 6px; } .vdm-no-flexgap .vdm-map-catbar > * + * { margin-left: 8px; } .vdm-no-flexgap .vdm-card-dots > * + * { margin-left: 4px; } .vdm-no-flexgap .vdm-card-badge > * + * { margin-left: 4px; } .vdm-no-flexgap .vdm-card-body > * + * { margin-top: 5px; } .vdm-no-flexgap .vdm-card-loc > * + * { margin-left: 4px; } .vdm-no-flexgap .vdm-nb-empty > * + * { margin-top: 10px; } .vdm-no-flexgap .vdm-pop-badge > * + * { margin-left: 4px; } .vdm-no-flexgap .vdm-pop-loc > * + * { margin-left: 4px; } .vdm-no-flexgap .vdm-pop-actions > * + * { margin-left: 6px; } .vdm-no-flexgap .vdm-alert-btn > * + * { margin-left: 8px; } .vdm-no-flexgap .vdm-ch-legend > * + * { margin-top: 5px; } .vdm-no-flexgap .vdm-ch-tip-in > * + * { margin-top: 2px; } .vdm-no-flexgap .vdm-ch-tip-row > * + * { margin-left: 14px; } .vdm-no-flexgap .vdm-co-toggle > * + * { margin-left: 10px; } .vdm-no-flexgap .vdm-co-row > * + * { margin-top: 9px; } .vdm-no-flexgap .vdm-co-row--actions { margin: -4px -4px; } .vdm-no-flexgap .vdm-co-row--actions > * { margin: 4px 4px; } .vdm-no-flexgap .vdm-co-field > * + * { margin-left: 10px; } .vdm-no-flexgap .vdm-co-sug-item > * + * { margin-left: 10px; } .vdm-no-flexgap .vdm-co-buf > * + * { margin-left: 7px; } .vdm-no-flexgap .vdm-radar-badge > * + * { margin-left: 8px; } .vdm-no-flexgap .vdm-iso-ctrl > * + * { margin-top: 0; } .vdm-no-flexgap .vdm-lagoon-badge > * + * { margin-left: 7px; } .vdm-no-flexgap .vdm-lm > * + * { margin-left: 6px; } .vdm-no-flexgap .vdm-liq-btn > * + * { margin-left: 7px; } .vdm-no-flexgap .vdm-livefeed-toast > * + * { margin-left: 10px; } .vdm-no-flexgap .vdm-lf-new-badge > * + * { margin-left: 6px; } .vdm-no-flexgap .vdm-orc-head { margin: -3px -3px; } .vdm-no-flexgap .vdm-orc-head > * { margin: 3px 3px; } .vdm-no-flexgap .vdm-orc-chip > * + * { margin-left: 4px; } .vdm-no-flexgap .vdm-rc > * + * { margin-top: 4px; } .vdm-no-flexgap .vdm-rc-head > * + * { margin-left: 6px; } .vdm-no-flexgap .vdm-rc-meta { margin: -2px -2px; } .vdm-no-flexgap .vdm-rc-meta > * { margin: 2px 2px; } .vdm-no-flexgap .vdm-rc-rush > * + * { margin-left: 3px; } .vdm-no-flexgap .vdm-rc-when > * + * { margin-left: 2px; } .vdm-no-flexgap .vdm-rc-when-note > * + * { margin-left: 4px; } .vdm-no-flexgap .vdm-rc-sort > * + * { margin-left: 7px; } .vdm-no-flexgap .vdm-rush-banner > * + * { margin-left: 11px; } .vdm-no-flexgap .vdm-seek-head { margin: -6px -6px; } .vdm-no-flexgap .vdm-seek-head > * { margin: 6px 6px; } .vdm-no-flexgap .vdm-seek-cta > * + *, .vdm-no-flexgap [data-vdm-seek-open] > * + * { margin-left: 7px; } .vdm-no-flexgap .vdm-seek-list > * + * { margin-top: 10px; } .vdm-no-flexgap .vdm-seek-item-top > * + * { margin-left: 10px; } .vdm-no-flexgap .vdm-seek-item-meta { margin: -3px -3px; } .vdm-no-flexgap .vdm-seek-item-meta > * { margin: 3px 3px; } .vdm-no-flexgap .vdm-seek-have > * + * { margin-left: 6px; } .vdm-no-flexgap .vdm-seek-choices > * + * { margin-left: 7px; } .vdm-no-flexgap .vdm-seek-choice > * + * { margin-left: 6px; } .vdm-no-flexgap .vdm-seek-loading > * + * { margin-left: 9px; } .vdm-no-flexgap .vdm-seek-m-body > * + * { margin-top: 11px; } .vdm-no-flexgap .vdm-seek-row > * + * { margin-top: 9px; } .vdm-no-flexgap .vdm-seek-durs { margin: -4px -4px; } .vdm-no-flexgap .vdm-seek-durs > * { margin: 4px 4px; } .vdm-no-flexgap .vdm-seek-gps > * + * { margin-left: 9px; } .vdm-no-flexgap .vdm-seek-pop-meta > * + * { margin-left: 9px; } .vdm-no-flexgap .vdm-seek-m-head > span > * + * { margin-left: 8px; } .vdm-no-flexgap .vdm-seek-chip--z > * + * { margin-left: 4px; } .vdm-no-flexgap .vdm-story-btn > * + * { margin-left: 8px; } .vdm-no-flexgap .vdm-tl > * + * { margin-left: 14px; } .vdm-no-flexgap .vdm-tl-meta > * + * { margin-left: 10px; } .vdm-no-flexgap .vdm-trust-badge > * + * { margin-left: 5px; } @media (max-width: 640px) { .vdm-no-flexgap .vdm-rc > * + * { margin-top: 3px; } .vdm-no-flexgap .vdm-tl > * + * { margin-left: 10px; } } @media(max-width:600px) { .vdm-no-flexgap .vdm-crs-track .vdm-card-dots > * + *, .vdm-no-flexgap .vdm-crs-grid .vdm-card-dots > * + * { margin-left: 3px; } .vdm-no-flexgap .vdm-card-dots > * + * { margin-left: 3px; } .vdm-no-flexgap .vdm-nb-grid-header { margin: -5px -5px; } .vdm-no-flexgap .vdm-nb-grid-header > * { margin: 5px 5px; } .vdm-no-flexgap .vdm-map-catbar > * + * { margin-left: 6px; } .vdm-no-flexgap .vdm-rush-banner > * + * { margin-left: 9px; } .vdm-no-flexgap .vdm-seek-head { margin: -5px -5px; } .vdm-no-flexgap .vdm-seek-head > * { margin: 5px 5px; } .vdm-no-flexgap .vdm-seek-item-meta { margin: -2.5px -2.5px; } .vdm-no-flexgap .vdm-seek-item-meta > * { margin: 2.5px 2.5px; } .vdm-no-flexgap .vdm-crs-track .vdm-trust-badge > * + *, .vdm-no-flexgap .vdm-crs-grid .vdm-trust-badge > * + * { margin-left: 3px; } } /* Ajout manuel : .vdm-ch-bar est masquée par défaut et passée en flex par la classe .is-visible. */ .vdm-no-flexgap .vdm-ch-bar > * + * { margin-left: 4px; }