search

darcosion / Echosounder

petit programme marrant
MIT License
14 stars 1 forks source link

Dépassement de taille de fenêtre par menu de gauche #41

Closed darcosion closed 2 years ago

darcosion commented 2 years ago

Actuellement, le menu de gauche quand il contient trop d'informations, dépasse la taille de l'écran et crée un effet de scrolling malvenu.

scroll On voit bien la barre de scroll tout à droite qui casse tout le styling effectué sur la page et induit un resizing du viewport de la fenêtre entière.

idéalement, une barre de scrolling présent dans le menu de gauche serait plus approprié car il permettrait de ne pas avoir de risque de scroll sur l'écran entier.

L'HTML sur lequel travailler se situe ici : https://github.com/darcosion/Echosounder/blob/046e29e3b70cac8e9f251e86cc6fa8b81fa1bf48/templates/index.html#L80-L83

La classe la plus proche de notre problématique est la classe echo_menu_right en CSS, néanmoins, une nouvelle classe pour gérer les overflow serait peut-être approprié car elle serait généralisable à l'ensemble des menu.

AlixCheval commented 2 years ago

Bug fixé en 689e0e91d630d1296009df9b12e45d34f57ce205

Une barre de scrolling est désormais présente à droite, et la barre de scrolling en bas (pour scroll de gauche à droite) est désormais tout le temps visible.

Le code permettant l'affichage de la barre à droite est le suivant :

https://github.com/darcosion/Echosounder/blob/689e0e91d630d1296009df9b12e45d34f57ce205/static/main.css#L245-L246

Le code permettant de retrouver une barre de scrolling latérale est le suivant :

https://github.com/darcosion/Echosounder/blob/689e0e91d630d1296009df9b12e45d34f57ce205/static/main.css#L292-L294