fix(sbb-map-container): improve support for tablet devices (#3214)

Closes #3091
sbb-design-systems · Nov 20, 2024 · b1e75ee · b1e75ee
1 parent 4b129c4
commit b1e75ee
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/elements/map-container/map-container.scss b/src/elements/map-container/map-container.scss
@@ -39,7 +39,8 @@
     grid-template-columns: max(var(--sbb-map-container-sidebar-width)) calc(
         100% - var(--sbb-map-container-sidebar-width)
       );
-    height: calc(100vh - var(--sbb-map-container-margin-start, var(--sbb-header-height)));
+    position: fixed;
+    inset: var(--sbb-map-container-margin-start, var(--sbb-header-height)) 0 0 0;
   }
 }
 

diff --git a/src/elements/map-container/map-container.visual.spec.ts b/src/elements/map-container/map-container.visual.spec.ts
@@ -66,7 +66,7 @@ describe(`sbb-map-container`, () => {
     it(
       visualDiffDefault.name,
       visualDiffDefault.with(async (setup) => {
-        await setup.withFixture(template(), { padding: '0' });
+        await setup.withFixture(template(), { padding: '0', minHeight: '500px' });
       }),
     );
   });