fix(grid): max-width, affecting new header (#1586)

telekom · Feb 14, 2023 · 92ce4f3 · 92ce4f3
1 parent 4baa141
commit 92ce4f3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/components/src/components/telekom/telekom-header/telekom-header.css b/packages/components/src/components/telekom/telekom-header/telekom-header.css
@@ -38,7 +38,7 @@
   --_display-lang-switcher: none;
 
   /* value matches scale-grid — ideally we'd have this in a global var *sigh* */
-  --_max-width-container: var(--scl-grid-max-width, 1680px);
+  --_max-width-container: var(--scl-grid-max-width, 1504px);
   --_spacing-x-container: var(--telekom-spacing-unit-x4);
   --_column-gap-container: var(--telekom-spacing-unit-x8);
   --_grid-template-columns-container: auto;
@@ -189,7 +189,7 @@ slot[name='functions'] {
 }
 
 [part~='container'] {
-  box-sizing: border-box;
+  box-sizing: content-box;
   display: grid;
   grid-template-columns: var(--_grid-template-columns-container);
   column-gap: var(--_column-gap-container);

diff --git a/packages/components/src/global/grid.css b/packages/components/src/global/grid.css
@@ -7,7 +7,7 @@
 
 :root {
   /* matches --2xl breakpoint */
-  --scl-grid-max-width: 1680px;
+  --scl-grid-max-width: 1504px;
 }
 
 /*
@@ -48,7 +48,7 @@ scale-grid,
   --columns-xxl: var(--columns-xl);
 
   display: grid;
-  box-sizing: border-box;
+  box-sizing: content-box;
   margin-left: auto;
   margin-right: auto;
   grid-template-columns: repeat(var(--columns-sm, 4), minmax(0, 1fr));