feat: add 'home' link to header menu on mobile view for better accessibility (#192)

This commit is contained in:
Robert Kaussow 2021-08-24 17:45:40 +02:00 committed by GitHub
parent cb8747b98e
commit c11015bb0d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 2 deletions

View file

@ -38,6 +38,12 @@
</svg> </svg>
</span> </span>
{{ if .Root.Site.Data.menu.extra.header }} {{ if .Root.Site.Data.menu.extra.header }}
<a href="{{ .Root.Site.BaseURL }}" class="gdoc-header__link gdoc-menu-header__home">
<svg class="icon gdoc_home">
<title>Back to homepage</title>
<use xlink:href="#gdoc_home"></use>
</svg>
</a>
<label for="menu-header-control" class="gdoc-menu-header__control"> <label for="menu-header-control" class="gdoc-menu-header__control">
<svg class="icon gdoc_keyborad_arrow_right"> <svg class="icon gdoc_keyborad_arrow_right">
<use xlink:href="#gdoc_keyborad_arrow_right"></use> <use xlink:href="#gdoc_keyborad_arrow_right"></use>

View file

@ -206,7 +206,8 @@ img {
} }
} }
&__control { &__control,
&__home {
display: none; display: none;
.icon { .icon {

View file

@ -28,7 +28,8 @@
display: none; display: none;
} }
&__control { &__control,
&__home {
display: inline-block; display: inline-block;
} }
} }