nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-11-27 01:33:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

history: refactor for a11y #341

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
layouts/partials/menu.html
View file

@ -112,7 +112,7 @@
</div> </div>
<script>window.variants && variants.markSelectedVariant();</script> <script>window.variants && variants.markSelectedVariant();</script>
</li> </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> </ul>
</div> </div>
<div id="footer" class="footerFooter{{if $showfooter}} showFooter{{end}}"> <div id="footer" class="footerFooter{{if $showfooter}} showFooter{{end}}">

7
static/css/ie.css
View file

@ -52,6 +52,7 @@
font-family: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; /* var(--MAIN-font) */ font-family: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; /* var(--MAIN-font) */
} }
.footerVisitedLinks > *,
a, a,
.anchor, .anchor,
#toc-menu, #toc-menu,
@ -85,14 +86,16 @@
#sidebar .collapsible-menu .toggle, #sidebar .collapsible-menu .toggle,
#sidebar .select-container, #sidebar .select-container,
#sidebar a { #sidebar a,
#sidebar button {
color: #bababa; /* var(--MENU-SECTIONS-LINK-color) */ color: #bababa; /* var(--MENU-SECTIONS-LINK-color) */
} }
#sidebar select:hover, #sidebar select:hover,
#sidebar .collapsible-menu .toggle:hover, #sidebar .collapsible-menu .toggle:hover,
#sidebar .select-container:hover, #sidebar .select-container:hover,
#sidebar a:hover { #sidebar a:hover,
#sidebar button:hover {
color: #ffffff; /* var(--MENU-SECTIONS-LINK-HOVER-color) */ color: #ffffff; /* var(--MENU-SECTIONS-LINK-HOVER-color) */
} }

3
static/css/theme-neon.css
View file

@ -177,7 +177,8 @@ body #sidebar ul.topics li.active > a {
body #sidebar select:hover, body #sidebar select:hover,
body #sidebar .collapsible-menu .toggle:hover, body #sidebar .collapsible-menu .toggle:hover,
body #sidebar .select-container:hover, body #sidebar .select-container:hover,
body #sidebar a:hover { body #sidebar a:hover,
body #sidebar button:hover {
color: #fff; color: #fff;
text-shadow: text-shadow:
0 0 1px #fff, 0 0 1px #fff,

14
static/css/theme.css
View file

@ -206,7 +206,8 @@ th {
margin-right: 16px; margin-right: 16px;
} }
#sidebar ul li a { #sidebar ul li a,
#sidebar ul li button {
display: block; display: block;
padding: 2px 0; padding: 2px 0;
} }
@ -218,7 +219,8 @@ th {
white-space: nowrap; white-space: nowrap;
} }
#sidebar ul li > a { #sidebar ul li > a,
#sidebar ul li > button {
padding: 4px 0; padding: 4px 0;
} }
@ -1409,8 +1411,14 @@ rapi-doc::part(section-endpoint-head-method) {
display: initial; display: initial;
} }
.footerVisitedLinks a { .footerVisitedLinks > * {
-webkit-appearance: none;
appearance: none;
background: transparent;
cursor: pointer; cursor: pointer;
text-align: left;
text-decoration: none;
width: 100%;
} }
@media screen and (max-width: 47.938em) { @media screen and (max-width: 47.938em) {

7
static/css/variant.css
View file

@ -106,6 +106,7 @@ body {
font-family: var(--INTERNAL-MAIN-font); font-family: var(--INTERNAL-MAIN-font);
} }
.footerVisitedLinks > *,
a, a,
.anchor, .anchor,
#toc-menu, #toc-menu,
@ -137,14 +138,16 @@ a:hover,
#sidebar .collapsible-menu .toggle, #sidebar .collapsible-menu .toggle,
#sidebar .select-container, #sidebar .select-container,
#sidebar a { #sidebar a,
#sidebar button {
color: var(--INTERNAL-MENU-SECTIONS-LINK-color); color: var(--INTERNAL-MENU-SECTIONS-LINK-color);
} }
#sidebar select:hover, #sidebar select:hover,
#sidebar .collapsible-menu .toggle:hover, #sidebar .collapsible-menu .toggle:hover,
#sidebar .select-container:hover, #sidebar .select-container:hover,
#sidebar a:hover { #sidebar a:hover,
#sidebar button:hover {
color: var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color); color: var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color);
} }