Fix area for links on FAQ page

The active parts of the links are misplaced on the FAQ page. From a user perspective, this is confusing.
This commit is contained in:
Ferschmann Jakub
2021-11-12 10:01:29 +01:00
parent c5bc5c9b78
commit c3053d5359
2 changed files with 11 additions and 10 deletions

View File

@@ -371,6 +371,14 @@
width: 100%;
&::before {
display: block;
content: " ";
margin-top: -80px;
height: 80px;
visibility: hidden;
}
> a {
text-decoration: none;
position: relative;
@@ -405,9 +413,9 @@
// Stop anchor-fix from blocking clicks on earlier FAQ items
&::before {
position: relative;
z-index: -1;
content: none;
}
> a {
position: relative;
z-index: 3;
@@ -416,7 +424,7 @@
.chevron {
position: absolute;
top: 80px; // Compensate for anchor-fix ::before size
top: 10px; // Compensate for anchor-fix ::before size
right: -1rem;
}
}