From 451d2f961c7a1f1edaf98ca34d0c4e100b4714e1 Mon Sep 17 00:00:00 2001
From: Marlene Simondant <msimondant@grandlyon.com>
Date: Tue, 30 Jul 2024 16:30:50 +0200
Subject: [PATCH 1/3] fix(accessibility): long words should not be cropped on
tiny screens
---
src/styles.scss | 2 ++
1 file changed, 2 insertions(+)
diff --git a/src/styles.scss b/src/styles.scss
index b79f38fe2..9b6133743 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -119,6 +119,8 @@ a {
padding-bottom: 16px;
width: 100%;
box-sizing: border-box;
+ word-wrap: break-word;
+ hyphens: auto;
&.medium-pt {
padding: 25px 0 30px 0;
}
--
GitLab
From 593b7b52861c393883227deadf8ce0b049cba188 Mon Sep 17 00:00:00 2001
From: Marlene Simondant <msimondant@grandlyon.com>
Date: Wed, 31 Jul 2024 15:09:33 +0200
Subject: [PATCH 2/3] apply word-wrap more generaly
---
src/styles.scss | 6 ++++--
1 file changed, 4 insertions(+), 2 deletions(-)
diff --git a/src/styles.scss b/src/styles.scss
index 9b6133743..a0efdd305 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -113,14 +113,16 @@ a {
}
// Containers
+.app-container {
+ word-wrap: break-word;
+ hyphens: auto;
+}
.content-container {
margin: 0;
padding-top: 16px;
padding-bottom: 16px;
width: 100%;
box-sizing: border-box;
- word-wrap: break-word;
- hyphens: auto;
&.medium-pt {
padding: 25px 0 30px 0;
}
--
GitLab
From 604a9eea391ce271909f0f26afa235967d437ed4 Mon Sep 17 00:00:00 2001
From: Marlene Simondant <msimondant@grandlyon.com>
Date: Wed, 31 Jul 2024 15:52:34 +0200
Subject: [PATCH 3/3] do not use hyphens to prevent ugly display of carto
filters and registry cards on medium screens
---
src/styles.scss | 3 +--
1 file changed, 1 insertion(+), 2 deletions(-)
diff --git a/src/styles.scss b/src/styles.scss
index a0efdd305..2bdda62dc 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -114,8 +114,7 @@ a {
// Containers
.app-container {
- word-wrap: break-word;
- hyphens: auto;
+ overflow-wrap: break-word;
}
.content-container {
margin: 0;
--
GitLab