MDL-62528 forum: Fixed vertical position when loading permalinks

This commit is contained in:
Bas Brands 2018-08-15 11:37:21 +02:00
parent 6e445671c1
commit 0e202eca75
3 changed files with 14 additions and 9 deletions

View File

@ -325,7 +325,7 @@
padding: 0;
li.section {
padding-top: $spacer;
margin-top: $spacer;
padding-bottom: $spacer;
.content {

View File

@ -6,10 +6,13 @@ $drawer-padding-x: 20px !default;
$drawer-padding-y: 20px !default;
$drawer-offscreen-gutter: 20px !default;
:target {
padding-top: ($fixed-header-y + 30px) !important; /* stylelint-disable declaration-no-important */
margin-top: -$fixed-header-y !important; /* negative fixed header height */
:target::before {
content: " ";
display: block;
height: ($fixed-header-y + 10px); /* fixed header height*/
margin-top: -($fixed-header-y + 10px); /* negative fixed header height */
}
.pagelayout-embedded :target {
padding-top: initial;
margin-top: initial;

View File

@ -11855,7 +11855,7 @@ table.calendartable caption {
padding: 0; }
.course-content ul.topics li.section,
.course-content ul.weeks li.section {
padding-top: 1rem;
margin-top: 1rem;
padding-bottom: 1rem; }
.course-content ul.topics li.section .content,
.course-content ul.weeks li.section .content {
@ -12495,10 +12495,12 @@ span.editinstructions {
font-size: 32px; }
/* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
:target {
padding-top: 80px !important;
/* stylelint-disable declaration-no-important */
margin-top: -50px !important;
:target::before {
content: " ";
display: block;
height: 60px;
/* fixed header height*/
margin-top: -60px;
/* negative fixed header height */ }
.pagelayout-embedded :target {