Skip to content

Commit bafafb2

Browse files
JeanMechepkozlowski-opensource
authored andcommitted
docs(docs-infra): fix z-index issue on mobile (angular#56874)
fixes angular#56871 PR Close angular#56874
1 parent b6fb5b7 commit bafafb2

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

adev/src/app/core/layout/secondary-navigation/secondary-navigation.component.scss

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,19 @@
11
@use '@angular/docs/styles/media-queries' as mq;
22

33
:host {
4+
z-index: 100;
5+
46
@include mq.for-tablet-landscape-up {
57
position: sticky;
68
top: 0;
7-
// Render secondary nav below primary nav
8-
z-index: 99;
99
}
1010

1111
@include mq.for-tablet-landscape-down {
1212
position: fixed;
13-
// Render secondary nav above mobile menu
14-
z-index: 100;
1513
}
1614

1715
@include mq.for-phone-only {
1816
transform: translateX(0);
19-
z-index: 99;
2017
transition: transform 0.3s ease;
2118
&:has(.docs-nav-secondary--open) {
2219
transform: translateX(82px);
@@ -40,7 +37,10 @@
4037
transition: transform 0.45s ease;
4138

4239
@media (prefers-reduced-motion: no-preference) {
43-
transition: transform 0.45s ease, background-color 0.3s ease, border-color 0.3s ease;
40+
transition:
41+
transform 0.45s ease,
42+
background-color 0.3s ease,
43+
border-color 0.3s ease;
4444
}
4545

4646
@include mq.for-tablet-landscape-down {

0 commit comments

Comments
 (0)