Bug #56557
les barres du menu mobile burger sont "vides"
0%
Description
En mobile, sur un écran à haute résolution ou en zoomant sur la page on voit que les barres du menu burger sont "vides".
Fichiers
Historique
Mis à jour par Serghei Mihai il y a plus de 2 ans
- Fichier 0001-scss-fill-burgers-bars-background-56557.patch 0001-scss-fill-burgers-bars-background-56557.patch ajouté
- Statut changé de Nouveau à Solution proposée
- Patch proposed changé de Non à Oui
Proposition simple de définir une couleur de fond identique à celle des bordures.
Mis à jour par Benjamin Dauvergne il y a plus de 2 ans
- Statut changé de Solution proposée à Solution validée
- Assigné à mis à Benjamin Dauvergne
Je ne vois pas d'autre solution.
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a plus de 2 ans
- Statut changé de Solution validée à Solution proposée
- Assigné à
Benjamin Dauvergnesupprimé
Je serais plus partisan de mettre
border-top: 2px solid $nav-button-color;
Comme ça on a une vraie maitrise sur la hauteur de la barre.
(Mais ça peux impacter des thèmes)
Mis à jour par Serghei Mihai il y a plus de 2 ans
- Statut changé de Solution proposée à En cours
Thomas Jund a écrit :
Je serais plus partisan de mettre
[...]
Cela fera des barres plus épaisses. On passe de 2px à 4.
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a plus de 2 ans
non, parce qu'on fixe sur border-top à la place de border.
Mis à jour par Benjamin Dauvergne il y a plus de 2 ans
Thomas Jund a écrit :
non, parce qu'on fixe sur border-top à la place de border.
Ça me va aussi.
Mis à jour par Serghei Mihai il y a plus de 2 ans
Thomas Jund a écrit :
non, parce qu'on fixe sur border-top à la place de border.
Ça fonctionne. Mais cela impactera des thèmes. On laisse pour la release suivante.
Mis à jour par Serghei Mihai il y a plus de 2 ans
- Fichier 0001-scss-refactor-mobile-burger-menu-bars-appearance-565.patch 0001-scss-refactor-mobile-burger-menu-bars-appearance-565.patch ajouté
- Statut changé de En cours à Solution proposée
Patch à jour avec les modifications dans les thèmes impactés.
Mis à jour par Serghei Mihai il y a plus de 2 ans
- Fichier 0001-scss-refactor-mobile-burger-menu-bars-appearance-565.patch 0001-scss-refactor-mobile-burger-menu-bars-appearance-565.patch ajouté
Nouveau patch rebasé sur master.
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a plus de 2 ans
Sur les thèmes lille & co et Arles-2020, un border-radius est appliqué sur les barres du burger btn (j'ai croisé ça récement en bossant sur #56855).
publik-base-theme/static/arles-2020/style.css
div.gru-nav .gru-nav-button .icon-bar
border-radius 10px 0 0 10px
{ line: 4348, column: 5 }
Du coup, basculer en `border-top` la gestion de la hauteur des barres supprime cette optin graphique.
Mis à jour par Serghei Mihai il y a plus de 2 ans
Pourtant le radius est bien pris en compte (exemple sur Arles)
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a plus de 2 ans
- Fichier arles-burger-btn.png arles-burger-btn.png ajouté
Moi il me reste un demi border (ce qui me parait logique).
Mis à jour par Serghei Mihai il y a plus de 2 ans
Ça me paraît logique aussi. J'ai accusé mon Firefox mais Chromium me donne le même rendu.
Bref, pour l'instant je n'ai pas d'autres idées que revenir sur le patch initial: attribuer la même couleur de fond que celle de la bordure.
Mis à jour par Serghei Mihai il y a plus de 2 ans
- Statut changé de Solution proposée à Fermé
Traité dans #59319.