mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2024-11-23 07:47:54 +00:00
history: refactor for a11y #341
This commit is contained in:
parent
c1eb7e33cc
commit
460ab79e66
5 changed files with 24 additions and 9 deletions
|
@ -112,7 +112,7 @@
|
|||
</div>
|
||||
<script>window.variants && variants.markSelectedVariant();</script>
|
||||
</li>
|
||||
<li class="footerVisitedLinks{{if $showvisitedlinks}} showVisitedLinks{{end}}"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> {{ T "Clear-History" }}</a></li>
|
||||
<li class="footerVisitedLinks{{if $showvisitedlinks}} showVisitedLinks{{end}}"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> {{ T "Clear-History" }}</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="footer" class="footerFooter{{if $showfooter}} showFooter{{end}}">
|
||||
|
|
|
@ -52,6 +52,7 @@
|
|||
font-family: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; /* var(--MAIN-font) */
|
||||
}
|
||||
|
||||
.footerVisitedLinks > *,
|
||||
a,
|
||||
.anchor,
|
||||
#toc-menu,
|
||||
|
@ -85,14 +86,16 @@
|
|||
|
||||
#sidebar .collapsible-menu .toggle,
|
||||
#sidebar .select-container,
|
||||
#sidebar a {
|
||||
#sidebar a,
|
||||
#sidebar button {
|
||||
color: #bababa; /* var(--MENU-SECTIONS-LINK-color) */
|
||||
}
|
||||
|
||||
#sidebar select:hover,
|
||||
#sidebar .collapsible-menu .toggle:hover,
|
||||
#sidebar .select-container:hover,
|
||||
#sidebar a:hover {
|
||||
#sidebar a:hover,
|
||||
#sidebar button:hover {
|
||||
color: #ffffff; /* var(--MENU-SECTIONS-LINK-HOVER-color) */
|
||||
}
|
||||
|
||||
|
|
|
@ -177,7 +177,8 @@ body #sidebar ul.topics li.active > a {
|
|||
body #sidebar select:hover,
|
||||
body #sidebar .collapsible-menu .toggle:hover,
|
||||
body #sidebar .select-container:hover,
|
||||
body #sidebar a:hover {
|
||||
body #sidebar a:hover,
|
||||
body #sidebar button:hover {
|
||||
color: #fff;
|
||||
text-shadow:
|
||||
0 0 1px #fff,
|
||||
|
|
|
@ -206,7 +206,8 @@ th {
|
|||
margin-right: 16px;
|
||||
}
|
||||
|
||||
#sidebar ul li a {
|
||||
#sidebar ul li a,
|
||||
#sidebar ul li button {
|
||||
display: block;
|
||||
padding: 2px 0;
|
||||
}
|
||||
|
@ -218,7 +219,8 @@ th {
|
|||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#sidebar ul li > a {
|
||||
#sidebar ul li > a,
|
||||
#sidebar ul li > button {
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
|
@ -1409,8 +1411,14 @@ rapi-doc::part(section-endpoint-head-method) {
|
|||
display: initial;
|
||||
}
|
||||
|
||||
.footerVisitedLinks a {
|
||||
.footerVisitedLinks > * {
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
background: transparent;
|
||||
cursor: pointer;
|
||||
text-align: left;
|
||||
text-decoration: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 47.938em) {
|
||||
|
|
|
@ -106,6 +106,7 @@ body {
|
|||
font-family: var(--INTERNAL-MAIN-font);
|
||||
}
|
||||
|
||||
.footerVisitedLinks > *,
|
||||
a,
|
||||
.anchor,
|
||||
#toc-menu,
|
||||
|
@ -137,14 +138,16 @@ a:hover,
|
|||
|
||||
#sidebar .collapsible-menu .toggle,
|
||||
#sidebar .select-container,
|
||||
#sidebar a {
|
||||
#sidebar a,
|
||||
#sidebar button {
|
||||
color: var(--INTERNAL-MENU-SECTIONS-LINK-color);
|
||||
}
|
||||
|
||||
#sidebar select:hover,
|
||||
#sidebar .collapsible-menu .toggle:hover,
|
||||
#sidebar .select-container:hover,
|
||||
#sidebar a:hover {
|
||||
#sidebar a:hover,
|
||||
#sidebar button:hover {
|
||||
color: var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color);
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue