zestedesavoir / zds-site

Cœur du projet technique de Zeste de Savoir
https://zestedesavoir.com
Other
268 stars 161 forks source link

[EasyMDE] La zone de texte passe devant le menu mavigation en mode "aperçu à côté" #5603

Closed arobase-che closed 3 years ago

arobase-che commented 4 years ago

Bonjour,

étapes pour reproduire

comportement observé

La zone de texte passe devant le menu navigation. Le rendant inutilisable.

2020-01-21-053858_1920x1080_scrot

Comportement désiré

Le menu passe bien au dessus de la zone de texte et de l'aperçu

artragis commented 4 years ago

c'est chaud car le z-index de codemirror est de 1, alors que celui du menu est de 100

A-312 commented 4 years ago

Rajouter z-index à 0 pour son parent suffit

.main-container {
  z-index:0;
}

ou pour #content mais .main-container serait plus approprié pour dire au navigateur : tu es moins propriétaires que ton éléments frères .header-container.

image

artragis commented 4 years ago

ça pète la vue plein écran de faire ça.

A-312 commented 4 years ago

ça pète la vue plein écran de faire ça.

Il faut donc ajouter une class au body quand on est en fullscreen, je ne vois pas d'autre solution pour avoir l'un ou l'autre. :/ (à moins de faire un hack avec position:relative/absolute; mais c'est moche)

artragis commented 4 years ago

on peut probablement faire autrement.

A-312 commented 4 years ago

Le menu doit être au dessus du textarea mais quand on a un full screen, le menu doit etre en dessous.

Je ne vois pas comment tu veux faire sans ajout de class css. 😕

firm1 commented 4 years ago

Il me semble que ce bug est a présent corrigé.

Quelqu'un peut vérifier et fermer le ticket ?

artragis commented 4 years ago

Le bug ne concerne plus que le mode "aperçu à côté"

artragis commented 3 years ago

FIxé en v30