fix(next): document header padding on tablet sized screens (#11192)

PatrikKozak · web-flow · commit 70db44f9640e · 2025-02-14T13:27:10.000-05:00
This PR fixes an issue where padding around the `DocumentHeader`
component disappears at the `mid-break` viewport size.

The issue was caused by .doc-header applying padding-left: 0 and
padding-right: 0, which overrode the intended padding from the parent
Gutter component in certain scenarios.
diff --git a/packages/next/src/elements/DocumentHeader/index.scss b/packages/next/src/elements/DocumentHeader/index.scss
@@ -34,8 +34,6 @@
     }
 
     @include mid-break {
-      padding-left: 0;
-      padding-right: 0;
       margin-top: base(0.25);
       padding-bottom: calc(var(--base) / 1.5);
       flex-direction: column;

Original file line number	Diff line number	Diff line change
`@@ -34,8 +34,6 @@`
`34`	`34`	`}`
`35`	`35`
`36`	`36`	`@include mid-break {`
`37`		`- padding-left: 0;`
`38`		`- padding-right: 0;`
`39`	`37`	`margin-top: base(0.25);`
`40`	`38`	`padding-bottom: calc(var(--base) / 1.5);`
`41`	`39`	`flex-direction: column;`