iSharkFly-Docs
/
angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(docs-infra): fix sidenav top position on narrow screens (#40802) 

On larger screens the top-bar has a height of 64px. On screens smaller
than 600px, the top-bar has a height of 56px. As a result, the sidenav
should have a top position of 56px on screens smaller than 600px and
64px on other screens.

Previously, the style setting the top position to 56px was tied to the
presence of the `.collapsed` class, which depends on whether the sidenav
is docked or not. The change from docked to collapsed sidenav, however,
happens at 992px. As a result, the sidenav had an incorrect top position
(56px instead of 64px) on screens between 600px and 991px.

This commit fixes this by ensuring the change of the top position for
the sidenav happens at 600px.

PR Close #40802
This commit is contained in:
George Kalpakas 2021-02-13 16:01:55 +02:00 committed by Joey Perrott
parent 01ed63522a
commit 9740b1bb62
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
aio/src/styles/1-layouts/_sidenav.scss
View File

@ -28,7 +28,7 @@ mat-sidenav-container.sidenav-container {
background-color: $superlightgray;
border-right: 1px solid $lightgray;
&.collapsed {
@media (max-width: 599px) {
top: 56px;
}