diff --git a/src/components/carte/Controls.vue b/src/components/carte/Controls.vue index 9a43529..20f17f6 100644 --- a/src/components/carte/Controls.vue +++ b/src/components/carte/Controls.vue @@ -720,13 +720,13 @@ const layerImportOptions = { @media (max-width: 576px) { .position-container-top-right, .position-container-top-left { - top: 255px; + top: 299px; } .position-container-bottom-left, .position-container-bottom-right, .position-container-top-left, .position-container-top-right { - height: calc(100% - 259px); + height: calc(100% - 303px); } /* Mode mobile : on positionne les dialog par dessus la barre de recherche diff --git a/src/components/menu/MenuLateralWrapper.vue b/src/components/menu/MenuLateralWrapper.vue index 877bd6b..de03ffa 100644 --- a/src/components/menu/MenuLateralWrapper.vue +++ b/src/components/menu/MenuLateralWrapper.vue @@ -197,17 +197,22 @@ En mode petit écran on le positionne tout en haut en attendant mieux */ } } /* Petits écrans */ +@media (max-width: 576px) { + // FIXME : on cache les bouton "rouage" et "catalogue" si les résultats d'autocompletion sont affichés. + #mainMap:has(.GPautoCompleteList.GPelementVisible) ~ .menu-toggle-wrap > .menu-logo-list, + .menu-toggle-wrap:has(~ #mainMap .GPautoCompleteList.GPelementVisible) > .menu-logo-list { + display : none; + } +} + @media (max-width: 627px) { // FIXME : on cache les bouton "rouage" et "catalogue" si un menu latéral est ouvert. // Cette instruction contourne le css scopé pour selectionner le menu suivant (tild) si le menu scopé est expanded + .menu-toggle-wrap:has(~ .menu-toggle-wrap.is_expanded) > .menu-logo-list .menu-toggle-wrap.is_expanded ~ .menu-toggle-wrap > .menu-logo-list { display : none; } - // Cette instruction contourne le css scopé pour selectionner le menu scopé s'il y a un menu expanded après (tild) - .menu-toggle-wrap:has(~ .menu-toggle-wrap.is_expanded) > .menu-logo-list { - display: none - } /* Les panels de gestion des widgets et du catalogue prennent toute la largeur sur petits écrans (<627px de large) et passent au dessus du reste */ .menu-toggle-wrap {