Infrastructure/astro
0
Fork 0
mirror of https://github.com/withastro/astro.git synced 2025-01-06 22:10:10 -05:00
Code Issues Activity

Fix visibility of focused skip link on docs site (#2405)

Browse source 
* Fix visibility of focused skip link on docs site

The `sr-only` utility class used on the “Skip to Content” link at the top of each page in the docs is designed to be paired with the `focus:not-sr-only` class. `focus:not-sr-only` was missing on the skip link, meaning it was never shown even when focused.

* Fix visibility of focused skip link in docs example project

Apply the same fix as ac890b56 to the same component in the docs starter project.
This commit is contained in:
Chris Swithinbank 2022-01-19 21:22:40 +01:00 committed by GitHub
parent e0def89697
commit 9deada68b4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
docs/src/components/Header/SkipToContent.astro
View file

@ -1,4 +1,4 @@
<a href="#article" class="sr-only skiplink"><span>Skip to Content</span></a>
<a href="#article" class="sr-only focus:not-sr-only skiplink"><span>Skip to Content</span></a>
<style>
.skiplink,

2
examples/docs/src/components/Header/SkipToContent.astro
View file

@ -1,4 +1,4 @@
<a href="#article" class="sr-only skiplink"><span>Skip to Content</span></a>
<a href="#article" class="sr-only focus:not-sr-only skiplink"><span>Skip to Content</span></a>
<style>
.skiplink,