3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-07-21 10:37:51 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(v2): add shadow to skip link on hover only (#5050)

Browse source
This commit is contained in:
Alexey Pyltsyn 2021-06-24 16:02:44 +03:00 • committed by GitHub
parent 99270dbab2
commit aa79387e12
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
packages/docusaurus-theme-classic/src/theme/SkipToContent/index.tsx
View file

@ -6,7 +6,6 @@
*/ */
import React, {useRef} from 'react'; import React, {useRef} from 'react';
import clsx from 'clsx';
import Translate from '@docusaurus/Translate'; import Translate from '@docusaurus/Translate';
import {useLocationChange} from '@docusaurus/theme-common'; import {useLocationChange} from '@docusaurus/theme-common';
@ -40,10 +39,7 @@ function SkipToContent(): JSX.Element {
return ( return (
<div ref={containerRef}> <div ref={containerRef}>
<a <a href="#main" className={styles.skipToContent} onClick={handleSkip}>
href="#main"
className={clsx(styles.skipToContent, 'shadow--md')}
onClick={handleSkip}>
<Translate <Translate
id="theme.common.skipToMainContent" id="theme.common.skipToMainContent"
description="The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation"> description="The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation">

1
packages/docusaurus-theme-classic/src/theme/SkipToContent/styles.module.css
View file

@ -10,4 +10,5 @@
.skipToContent:focus { .skipToContent:focus {
left: 1rem; left: 1rem;
box-shadow: var(--ifm-global-shadow-md);
} }