From a7533a50ee35c4cf0866571cd18103f93424c51c Mon Sep 17 00:00:00 2001
From: Marlene Simondant <msimondant@grandlyon.com>
Date: Tue, 30 Jul 2024 15:38:28 +0200
Subject: [PATCH 1/2] fix(accessibility): burger menu should be scrollable on
tiny screens
---
src/app/header/header.component.scss | 1 +
1 file changed, 1 insertion(+)
diff --git a/src/app/header/header.component.scss b/src/app/header/header.component.scss
index 6ba91701e..fc3f789f2 100644
--- a/src/app/header/header.component.scss
+++ b/src/app/header/header.component.scss
@@ -114,6 +114,7 @@ a {
background-color: $modal-background;
.menuContent {
+ overflow-y: scroll;
.title {
margin-bottom: 35px;
display: flex;
--
GitLab
From 00c1d82922560fc98bc8399315ad21b8cf4c15de Mon Sep 17 00:00:00 2001
From: Marlene Simondant <msimondant@grandlyon.com>
Date: Wed, 31 Jul 2024 16:43:59 +0200
Subject: [PATCH 2/2] keep scroll in view on very very small widths
---
src/app/header/header.component.scss | 1 +
1 file changed, 1 insertion(+)
diff --git a/src/app/header/header.component.scss b/src/app/header/header.component.scss
index fc3f789f2..3c99a406f 100644
--- a/src/app/header/header.component.scss
+++ b/src/app/header/header.component.scss
@@ -115,6 +115,7 @@ a {
.menuContent {
overflow-y: scroll;
+ max-width: 80vw;
.title {
margin-bottom: 35px;
display: flex;
--
GitLab