MDL-81110 theme_boost: Fix scroll-margin-top in #maincontent

- Fix scroll-margin-top in #maincontent element
- Add scroll-margin-top for focused elements too
This commit is contained in:
Mikel Martín 2024-03-08 12:58:40 +01:00
parent 757be30c39
commit 60a4bf5bcc
4 changed files with 9 additions and 6 deletions

View File

@ -393,7 +393,7 @@ img.activityicon {
#maincontent {
display: block;
height: 1px;
overflow: hidden;
overflow: clip;
}
img.uihint {

View File

@ -11,7 +11,8 @@ $drawer-bg-color: $gray-100 !default;
$drawer-scroll-bg-track: $gray-100 !default;
$drawer-shadow-color: rgba(0, 0, 0, .25) !default;
:target {
:target,
:focus {
scroll-margin-top: $fixed-header-y + 10px;
}

View File

@ -23282,7 +23282,7 @@ img.activityicon {
#maincontent {
display: block;
height: 1px;
overflow: hidden;
overflow: clip;
}
img.uihint {
@ -29748,7 +29748,8 @@ span.editinstructions .alert-link {
}
/* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
:target {
:target,
:focus {
scroll-margin-top: 70px;
}

View File

@ -23282,7 +23282,7 @@ img.activityicon {
#maincontent {
display: block;
height: 1px;
overflow: hidden;
overflow: clip;
}
img.uihint {
@ -29748,7 +29748,8 @@ span.editinstructions .alert-link {
}
/* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
:target {
:target,
:focus {
scroll-margin-top: 60px;
}