cargdev/angular
1
0
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(aio): fix scrolling to an element

Browse Source 
Previously, the top-bar's height wasn't taken into account when scrolling an
element into view. As a result, the element would be hidden behind the top-bar.
Taking the top-bar height into account was not necessary before #17155, because
the top-bar was not fixed (i.e. it scrolled away).

This commit fixes the scrolling behavior by accounting for the top-bar's height
when scrolling an element into view.

(This partially reverts #17102.)

Fixes #17219
Fixes #17226
This commit is contained in:
Georgios Kalpakas
2017-06-06 20:59:57 +03:00
committed by Pete Bacon Darwin
parent 4759975be6
commit d837bfc2d7
4 changed files with 106 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
aio/src/styles/0-base/_typography.scss
View File

@ -8,7 +8,7 @@ body {
}
h1 {
display:inline-block;
display: inline-block;
font-size: 24px;
font-weight: 500;
margin: 8px 0px;
@ -158,4 +158,4 @@ code {
&:hover {
color: $mediumgray;
}
}
}

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

@ -7,7 +7,7 @@ aio-shell.page-docs {
.sidenav-content {
min-height: 100vh;
padding: 6rem 3rem 1rem;
padding: 80px 3rem 1rem;
}
@media (max-width: 600px) {