From 89bebcaf53049c9cf7c8f1aa7e503d1d14c8f52f Mon Sep 17 00:00:00 2001
From: Marlene Simondant <msimondant@grandlyon.com>
Date: Thu, 20 Jan 2022 17:30:49 +0100
Subject: [PATCH] fix : style adjustments for the sticky header on structure
cards
---
.../structure-details/structure-details.component.html | 2 +-
.../structure-details/structure-details.component.scss | 9 ++++++++-
2 files changed, 9 insertions(+), 2 deletions(-)
diff --git a/src/app/structure-list/components/structure-details/structure-details.component.html b/src/app/structure-list/components/structure-details/structure-details.component.html
index 74f1f8a5c..3e30ac664 100644
--- a/src/app/structure-list/components/structure-details/structure-details.component.html
+++ b/src/app/structure-list/components/structure-details/structure-details.component.html
@@ -4,7 +4,7 @@
<div fxLayout="column" class="no-margin" fxLayoutAlign="end end">
<h2 class="bold">{{ structure.structureName }}</h2>
</div>
- <div fxLayout="column" fxLayoutAlign="start start" class="ico-close">
+ <div fxLayout="column" fxLayoutAlign="end start" class="ico-close">
<div (click)="close()" class="ico-close-details"></div>
</div>
</div>
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 5b129f089..de1fd0ab8 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
@@ -142,8 +142,10 @@ p,
max-width: 980px;
width: 100%;
background-color: $white;
- height: 80px;
+ height: 60px;
z-index: 1;
+ border-bottom: solid 1px $grey-4;
+ padding-bottom: 2px;
@media #{$tablet} {
height: auto;
}
@@ -151,4 +153,9 @@ p,
width: 111%;
padding-right: 20px;
}
+ h2 {
+ @media #{$large-phone} {
+ font-size: $font-size-medium;
+ }
+ }
}
--
GitLab