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 && (