From ab313e9b49545db01b3592b3d79249f93633e660 Mon Sep 17 00:00:00 2001
From: Pierre Ecarlat <pecarlat@grandlyon.com>
Date: Thu, 7 Mar 2024 10:39:36 +0000
Subject: [PATCH] fix(ui) Width of structure details for mobile
---
.../structure-details.component.scss | 11 +++++++++++
1 file changed, 11 insertions(+)
diff --git a/src/app/structure-list/components/structure-details/structure-details.component.scss b/src/app/structure-list/components/structure-details/structure-details.component.scss
index 64c24b81c..b6d591c01 100644
--- a/src/app/structure-list/components/structure-details/structure-details.component.scss
+++ b/src/app/structure-list/components/structure-details/structure-details.component.scss
@@ -15,6 +15,7 @@
position: fixed;
z-index: $structure-details-z-index;
height: 100%;
+ width: 100%;
h1 {
@include font-bold-24;
@@ -37,6 +38,10 @@
width: 600px;
box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.1);
background-color: $white;
+
+ @media (max-width: 600px) {
+ width: 100%;
+ }
}
// Default section styles
@@ -77,6 +82,12 @@ section.actions {
flex-direction: row;
justify-content: space-around;
overflow-y: auto;
+
+ @media (max-width: 600px) {
+ flex-wrap: wrap;
+ row-gap: 16px;
+ }
+
.clickableDiv {
text-align: center;
max-width: 65px;
--
GitLab