From 1e8a143c17bc1313515d74caa744168cdd64e1c6 Mon Sep 17 00:00:00 2001
From: Marlene Simondant <msimondant@grandlyon.com>
Date: Tue, 30 Jul 2024 10:53:48 +0200
Subject: [PATCH 1/2] fix(accessibility): "add" button on orientation's
structure list should not be cropped on small screens
---
.../structure-list/components/card/card.component.scss | 9 ++++++++-
1 file changed, 8 insertions(+), 1 deletion(-)
diff --git a/src/app/structure-list/components/card/card.component.scss b/src/app/structure-list/components/card/card.component.scss
index 286a293e6..0779a66af 100644
--- a/src/app/structure-list/components/card/card.component.scss
+++ b/src/app/structure-list/components/card/card.component.scss
@@ -12,6 +12,13 @@
align-items: center;
transition: all 0.2s ease-in-out;
+ &.orientation {
+ @media #{$phone} {
+ flex-direction: column;
+ align-items: flex-start;
+ }
+ }
+
&.interactive {
cursor: pointer;
&:hover {
@@ -19,7 +26,7 @@
border-color: $grey-1;
}
}
- @media #{$large-phone} {
+ @media #{$phone} {
height: unset;
}
&.isChecked {
--
GitLab
From 591514c3862fe19dcf5b5c5e76cf59f1193419f0 Mon Sep 17 00:00:00 2001
From: Marlene Simondant <msimondant@grandlyon.com>
Date: Tue, 30 Jul 2024 10:55:22 +0200
Subject: [PATCH 2/2] fix(accessibility): "add" button on orientation's
structure list should not be cropped on small screens
---
src/app/structure-list/components/card/card.component.scss | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/app/structure-list/components/card/card.component.scss b/src/app/structure-list/components/card/card.component.scss
index 0779a66af..927f6c2b8 100644
--- a/src/app/structure-list/components/card/card.component.scss
+++ b/src/app/structure-list/components/card/card.component.scss
@@ -26,7 +26,7 @@
border-color: $grey-1;
}
}
- @media #{$phone} {
+ @media #{$large-phone} {
height: unset;
}
&.isChecked {
--
GitLab