ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-20 19:55:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix area for links on FAQ page

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

14
styles/_pages.scss
View File

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

7
styles/_top-banner.scss
View File

@@ -97,13 +97,6 @@ html.light {
} }
} }
.page-faq,
.mini-faq {
.q-wrapper .chevron {
top: $banner-top-offset;
}
}
.page-calculator #calculator-mobile-toggle.show { .page-calculator #calculator-mobile-toggle.show {
top: ($banner-top-offset + 4px) top: ($banner-top-offset + 4px)
} }