From 5f436569252487eceaaf51ed6d52d5da86df8c9e Mon Sep 17 00:00:00 2001
From: Bastien DUMONT <bdumont@grandlyon.com>
Date: Mon, 4 Nov 2024 16:08:55 +0100
Subject: [PATCH] chore: update ec selection styles
---
.../ecogestureSelectionDetail.scss | 14 ++++++++------
.../ecogestureSelectionView.scss | 1 +
2 files changed, 9 insertions(+), 6 deletions(-)
diff --git a/src/components/EcogestureSelection/EcogestureSelectionDetail/ecogestureSelectionDetail.scss b/src/components/EcogestureSelection/EcogestureSelectionDetail/ecogestureSelectionDetail.scss
index 728003741..2a3878b09 100644
--- a/src/components/EcogestureSelection/EcogestureSelectionDetail/ecogestureSelectionDetail.scss
+++ b/src/components/EcogestureSelection/EcogestureSelectionDetail/ecogestureSelectionDetail.scss
@@ -7,13 +7,11 @@
justify-content: space-between;
text-align: center;
color: $grey-bright;
- padding: 0 1rem;
height: 100vh;
- max-height: calc(100vh - 0px - 72px - 72px - 14px);
- overflow-y: auto;
+ max-height: calc(100vh - 0px - 72px - 72px - 3px);
@media #{$tablet} {
- max-height: calc(100vh - 60px - 72px - 72px - 14px);
+ max-height: calc(100vh - 60px - 72px - 72px - 10px);
}
@media #{$large-phone} {
max-height: calc(100vh - 60px - 72px - 0px - 14px);
@@ -22,6 +20,8 @@
.content {
display: flex;
flex-direction: column;
+ padding: 0 1rem;
+ overflow-y: scroll;
gap: 16px;
.title {
@@ -60,13 +60,15 @@
}
.buttons {
- padding: 1rem 0;
+ padding: 1rem;
display: flex;
gap: 12px;
justify-content: center;
width: 100%;
+ box-sizing: border-box;
// needed for text overflow
- background-color: $grey-0;
+ background-color: $grey-1;
+ border: 1px solid $grey-2;
button.btnSecondary {
padding: 16px 8px;
diff --git a/src/components/EcogestureSelection/ecogestureSelectionView.scss b/src/components/EcogestureSelection/ecogestureSelectionView.scss
index 08a03001f..342ab7ff7 100644
--- a/src/components/EcogestureSelection/ecogestureSelectionView.scss
+++ b/src/components/EcogestureSelection/ecogestureSelectionView.scss
@@ -6,4 +6,5 @@
text-align: center;
margin-top: -1rem;
margin-bottom: 1rem;
+ background-color: $grey-1;
}
--
GitLab