monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2024-09-21 07:46:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

renamed links, added styling

Browse source
This commit is contained in:
Jack 2020-11-05 20:04:00 +00:00
parent cdd18f7727
commit b2891f488e
2 changed files with 49 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/sass/style.scss
View file

@ -2091,6 +2091,17 @@ key {
.settingsGroup {
display: grid;
gap: 2rem;
&.quickNav .links {
display: flex;
justify-content: space-between;
a {
text-decoration: none;
opacity: 0.5;
&:hover {
opacity: 1;
}
}
}
}
.section {

58
static/index.html
View file

@ -1437,19 +1437,25 @@
<key>esc</key>
)
</div>
<div class="sectionGroupTitle">quick navigation</div>
<div>
<a href="#account">account</a>
<a href="#behavior">behavior</a>
<a href="#input">input</a>
<a href="#sound">sound</a>
<a href="#caretSettings">caret</a>
<a href="#appearance">appearance</a>
<a href="#theme">theme</a>
<a href="#hideElements">hide elements</a>
<a href="#dangerZone">danger zone</a>
<!-- <div class="sectionGroupTitle">quick navigation</div> -->
<div class="settingsGroup quickNav">
<div class="links">
<a href="#group_account">account</a>
<a href="#group_behavior">behavior</a>
<a href="#group_input">input</a>
<a href="#group_sound">sound</a>
<a href="#group_caret">caret</a>
<a href="#group_appearance">appearance</a>
<a href="#group_theme">theme</a>
<a href="#group_hideElements">hide elements</a>
<a href="#group_dangerZone">danger zone</a>
</div>
</div>
<div id="account" class="sectionGroupTitle hidden" group="account">
<div
id="group_account"
class="sectionGroupTitle hidden"
group="account"
>
account
<i class="fas fa-chevron-down"></i>
</div>
@ -1516,7 +1522,11 @@
<div class="sectionSpacer"></div>
</div>
<div id="behavior" class="sectionGroupTitle" group="behaviour">
<div
id="group_behavior"
class="sectionGroupTitle"
group="behaviour"
>
behaviour
<i class="fas fa-chevron-down"></i>
</div>
@ -1691,7 +1701,7 @@
<div class="sectionSpacer"></div>
</div>
<div id="input" class="sectionGroupTitle" group="input">
<div id="group_input" class="sectionGroupTitle" group="input">
input
<i class="fas fa-chevron-down"></i>
</div>
@ -1841,7 +1851,7 @@
<div class="sectionSpacer"></div>
</div>
<div id="sound" class="sectionGroupTitle" group="sound">
<div id="group_sound" class="sectionGroupTitle" group="sound">
sound
<i class="fas fa-chevron-down"></i>
</div>
@ -1912,7 +1922,7 @@
<div class="sectionSpacer"></div>
</div>
<div id="caretSettings" class="sectionGroupTitle" group="caret">
<div id="group_caret" class="sectionGroupTitle" group="caret">
caret
<i class="fas fa-chevron-down"></i>
</div>
@ -2070,7 +2080,11 @@
<div class="sectionSpacer"></div>
</div>
<div id="appearance" class="sectionGroupTitle" group="appearance">
<div
id="group_appearance"
class="sectionGroupTitle"
group="appearance"
>
appearance
<i class="fas fa-chevron-down"></i>
</div>
@ -2464,7 +2478,7 @@
<div class="sectionSpacer"></div>
</div>
<div id="theme" class="sectionGroupTitle" group="theme">
<div id="group_theme" class="sectionGroupTitle" group="theme">
theme
<i class="fas fa-chevron-down"></i>
</div>
@ -2658,7 +2672,7 @@
</div>
<div
id="hideElements"
id="group_hideElements"
class="sectionGroupTitle"
group="hideElements"
>
@ -2728,7 +2742,11 @@
<div class="sectionSpacer"></div>
</div>
<div id="dangerZone" class="sectionGroupTitle" group="dangerZone">
<div
id="group_dangerZone"
class="sectionGroupTitle"
group="dangerZone"
>
danger zone
<i class="fas fa-chevron-down"></i>
</div>