history: refactor for a11y #341

This commit is contained in:
Sören Weber 2022-11-05 20:34:57 +01:00
parent c1eb7e33cc
commit 460ab79e66
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
5 changed files with 24 additions and 9 deletions

View file

@ -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}}">

View file

@ -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) */
}

View file

@ -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,

View file

@ -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) {

View file

@ -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);
}