docs(docs-infra): fix homepage nav overlay and banner visibility between 701–900px

erkamyaman · erkamyaman · commit d4129a7b54cd · 2026-04-08T23:34:57.000+03:00
The homepage navigation bar rendered with `height: 0` on viewports between
701–900px, causing its content to overflow on top of the announcement banner
and block scrolling. Reset nav height to `auto` at tablet sizes, center the
v21 banner, adjust its top margin, and hide the redundant search field since
the nav bar already provides one.
diff --git a/adev/src/app/features/home/home.component.scss b/adev/src/app/features/home/home.component.scss
@@ -28,8 +28,12 @@
   left: calc(var(--layout-padding) + var(--primary-nav-width));
   z-index: 1;
 
-  @include mq.for-tablet-down {
-    justify-content: flex-start;
+  @include mq.for-tablet-landscape-down {
+    justify-content: center;
+    margin-top: 4rem;
+  }
+
+  @include mq.for-phone-only {
     margin-top: 1rem;
   }
 }
@@ -187,7 +191,7 @@ section {
   }
 
   .search-field {
-    @include mq.for-tablet-down() {
+    @include mq.for-tablet-landscape-down() {
       display: none;
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -28,8 +28,12 @@`
`28`	`28`	`left: calc(var(--layout-padding) + var(--primary-nav-width));`
`29`	`29`	`z-index: 1;`
`30`	`30`
`31`		`- @include mq.for-tablet-down {`
`32`		`- justify-content: flex-start;`
	`31`	`+ @include mq.for-tablet-landscape-down {`
	`32`	`+ justify-content: center;`
	`33`	`+ margin-top: 4rem;`
	`34`	`+ }`
	`35`	`+`
	`36`	`+ @include mq.for-phone-only {`
`33`	`37`	`margin-top: 1rem;`
`34`	`38`	`}`
`35`	`39`	`}`
`@@ -187,7 +191,7 @@ section {`
`187`	`191`	`}`
`188`	`192`
`189`	`193`	`.search-field {`
`190`		`- @include mq.for-tablet-down() {`
	`194`	`+ @include mq.for-tablet-landscape-down() {`
`191`	`195`	`display: none;`
`192`	`196`	`}`
`193`	`197`	`}`