Projet

Général

Profil

Bug #38849

superposition attribution leaflet et bottom menu pwa

Ajouté par Frédéric Péters il y a plus de 4 ans. Mis à jour il y a plus de 4 ans.

Statut:
Fermé
Priorité:
Normal
Assigné à:
-
Version cible:
-
Début:
08 janvier 2020
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Oui
Planning:
Non

Description

cf #38838.

Fichiers

0001-scss-reduce-leaflet-attribution-z-index-to-be-under-.patch (650 octets) 0001-scss-reduce-leaflet-attribution-z-index-to-be-under-.patch Frédéric Péters, 08 janvier 2020 16:59
0001-scss-reduce-leaflet-controls-z-index-to-be-under-pwa.patch (664 octets) 0001-scss-reduce-leaflet-controls-z-index-to-be-under-pwa.patch Frédéric Péters, 08 janvier 2020 18:09

Révisions associées

Révision 80621ec6 (diff)
Ajouté par Frédéric Péters il y a plus de 4 ans

scss: reduce leaflet controls z-index to be under pwa navigation (#38849)

Historique

#1

Mis à jour par Frédéric Péters il y a plus de 4 ans

#3

Mis à jour par Thomas Jund il y a plus de 4 ans

leaflet force un z-index de 1000 sur les .leaflet-top & .leaflet-bottom

.leaflet-top, .leaflet-bottom {
    position: absolute;
    z-index: 1000;
    pointer-events: none;
}

Les boutons de zoom et celui de la geoloc passent aussi par dessus la nav PWA.

-  div.leaflet-bottom {
+ .leaflet-top, .leaflet-bottom { {
    z-index: 800;
  }

(Et .leaflet-pane a un z-index de 400. J'aurais mis 400 aussi).

#4

Mis à jour par Frédéric Péters il y a plus de 4 ans

leaflet force un z-index de 1000 sur les .leaflet-top & .leaflet-bottom

Oui. Et je descends le div.leaflet-bottom à 800, arbitraire, mais en-dessous du menu de la PWA.

div.leaflet-bottom parce qu'on veut être plus fort que .leaflet-bottom, chargé avant, ou après, on ne peut pas être sûr.

Appliquer ça aussi à -top, sûr, même si dans la pratique j'imagine plutôt le .top en haut de page, loin de la navigation. (mais oui on peut imaginer que ça arrive avec un mobile en mode horizontal).

#5

Mis à jour par Thomas Jund il y a plus de 4 ans

  • Statut changé de Solution proposée à Solution validée
#6

Mis à jour par Frédéric Péters il y a plus de 4 ans

  • Statut changé de Solution validée à Résolu (à déployer)
commit 80621ec67309a57b789bc7e4fd47a1ad3cff9b81
Author: Frédéric Péters <fpeters@entrouvert.com>
Date:   Wed Jan 8 16:59:04 2020 +0100

    scss: reduce leaflet controls z-index to be under pwa navigation (#38849)
#7

Mis à jour par Frédéric Péters il y a plus de 4 ans

  • Statut changé de Résolu (à déployer) à Solution déployée

Formats disponibles : Atom PDF