From 7781a8684e7f8863d2fadbe10cccd4c566c69c15 Mon Sep 17 00:00:00 2001
From: Bastyen <bastien.alvez@makina-corpus.com>
Date: Fri, 26 Jul 2024 14:27:17 +0200
Subject: [PATCH] fix: detail container height

---
 src/components/grw-app/grw-app.scss                         | 6 +++---
 .../grw-outdoor-course-detail/grw-outdoor-course-detail.tsx | 4 ++--
 .../grw-outdoor-site-detail/grw-outdoor-site-detail.tsx     | 4 ++--
 .../grw-touristic-content-detail.tsx                        | 4 ++--
 .../grw-touristic-event-detail.tsx                          | 4 ++--
 src/components/grw-trek-detail/grw-trek-detail.tsx          | 4 ++--
 6 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/components/grw-app/grw-app.scss b/src/components/grw-app/grw-app.scss
index 68a67f2..d049cc4 100644
--- a/src/components/grw-app/grw-app.scss
+++ b/src/components/grw-app/grw-app.scss
@@ -96,7 +96,7 @@ grw-app {
 }
 
 .grw-content-trek {
-  height: 100%;
+  height: calc(100% - var(--header-height) - var(--header-with-languages));
 }
 
 .grw-large-view-app-list-container,
@@ -152,14 +152,14 @@ grw-outdoor-sites-list {
 
 grw-trek-detail {
   position: relative;
-  max-height: calc(100vh - 64px - 48px);
+  max-height: calc(100% - 64px);
 }
 
 grw-touristic-content-detail,
 grw-touristic-event-detail,
 grw-outdoor-site-detail {
   position: relative;
-  max-height: calc(100vh - 64px);
+  max-height: calc(100% - 64px);
 }
 
 .grw-app-map-container {
diff --git a/src/components/grw-outdoor-course-detail/grw-outdoor-course-detail.tsx b/src/components/grw-outdoor-course-detail/grw-outdoor-course-detail.tsx
index b008a72..eddac4d 100644
--- a/src/components/grw-outdoor-course-detail/grw-outdoor-course-detail.tsx
+++ b/src/components/grw-outdoor-course-detail/grw-outdoor-course-detail.tsx
@@ -258,8 +258,8 @@ export class GrwOutdoorCourseDetail {
               ? '44px'
               : '12px'
             : state.languages && state.languages.length > 1
-            ? '244px'
-            : '204px',
+            ? '164px'
+            : '124px',
         }}
       >
         {this.currentOutdoorCourse && (
diff --git a/src/components/grw-outdoor-site-detail/grw-outdoor-site-detail.tsx b/src/components/grw-outdoor-site-detail/grw-outdoor-site-detail.tsx
index c9c6f8d..d3a682c 100644
--- a/src/components/grw-outdoor-site-detail/grw-outdoor-site-detail.tsx
+++ b/src/components/grw-outdoor-site-detail/grw-outdoor-site-detail.tsx
@@ -673,8 +673,8 @@ export class GrwOutdoorSiteDetail {
               ? '44px'
               : '12px'
             : state.languages && state.languages.length > 1
-            ? '244px'
-            : '204px',
+            ? '164px'
+            : '124px',
         }}
       >
         {this.currentOutdoorSite && (
diff --git a/src/components/grw-touristic-content-detail/grw-touristic-content-detail.tsx b/src/components/grw-touristic-content-detail/grw-touristic-content-detail.tsx
index 1c8f146..9999cda 100644
--- a/src/components/grw-touristic-content-detail/grw-touristic-content-detail.tsx
+++ b/src/components/grw-touristic-content-detail/grw-touristic-content-detail.tsx
@@ -97,8 +97,8 @@ export class GrwTouristicContentDetail {
               ? '44px'
               : '12px'
             : state.languages && state.languages.length > 1
-            ? '204px'
-            : '164px',
+            ? '164px'
+            : '124px',
         }}
       >
         {state.currentTouristicContent && (
diff --git a/src/components/grw-touristic-event-detail/grw-touristic-event-detail.tsx b/src/components/grw-touristic-event-detail/grw-touristic-event-detail.tsx
index 8841fe7..cafba73 100644
--- a/src/components/grw-touristic-event-detail/grw-touristic-event-detail.tsx
+++ b/src/components/grw-touristic-event-detail/grw-touristic-event-detail.tsx
@@ -98,8 +98,8 @@ export class GrwTouristicEventDetail {
               ? '44px'
               : '12px'
             : state.languages && state.languages.length > 1
-            ? '204px'
-            : '164px',
+            ? '164px'
+            : '124px',
         }}
       >
         {state.currentTouristicEvent && (
diff --git a/src/components/grw-trek-detail/grw-trek-detail.tsx b/src/components/grw-trek-detail/grw-trek-detail.tsx
index 7d7a31a..c802bf5 100644
--- a/src/components/grw-trek-detail/grw-trek-detail.tsx
+++ b/src/components/grw-trek-detail/grw-trek-detail.tsx
@@ -939,8 +939,8 @@ export class GrwTrekDetail {
               ? '44px'
               : '12px'
             : state.languages && state.languages.length > 1
-            ? '244px'
-            : '204px',
+            ? '164px'
+            : '124px',
         }}
       >
         {this.currentTrek && (