fix: detail container height

GeotrekCE · Jul 26, 2024 · 7781a86 · 7781a86
1 parent fa715e0
commit 7781a86
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 13 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -939,8 +939,8 @@ export class GrwTrekDetail {
               ? '44px'
               : '12px'
             : state.languages && state.languages.length > 1
-            ? '244px'
-            : '204px',
+            ? '164px'
+            : '124px',
         }}
       >
         {this.currentTrek && (