nikon/docsearch
1
0
Fork 0
Code Activity Actions

feat(a11y): visual hint for keyboard navigation (#2806)

Browse source 
* feat(a11y): visual hint for keyboard navigation

* updaet

* updaet

* update

---------

Co-authored-by: Paul Jankowski <8bittitan@gmail.com>
This commit is contained in:
Rami Yushuvaev 2026-08-07 17:21:02 +03:00 committed by GitHub
parent 3eb3e31594
commit f75b94c63e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 16 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
examples/demo-react/src/App.css
View file

@ -208,7 +208,8 @@ main {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}
.search-wrapper .DocSearch-Button:hover {
.search-wrapper .DocSearch-Button:hover,
.search-wrapper .DocSearch-Button:focus-visible {
border-color: var(--demo-docsearch-button-hover-border) !important;
box-shadow: 0 4px 12px var(--demo-docsearch-button-hover-shadow) !important;
transform: translateY(-1px) !important;

6
packages/docsearch-css/src/_askai.css
View file

@ -816,11 +816,13 @@
transition: all 0.2s ease;
}
.DocSearch-AskAiScreen-Sources-source a:hover {
.DocSearch-AskAiScreen-Sources-source a:hover,
.DocSearch-AskAiScreen-Sources-source a:focus-visible {
text-decoration: underline;
}
.DocSearch-Markdown-Content a:hover {
.DocSearch-Markdown-Content a:hover,
.DocSearch-Markdown-Content a:focus-visible {
text-decoration: underline;
opacity: 0.9;
}

6
packages/docsearch-css/src/modal.css
View file

@ -145,7 +145,8 @@
color: var(--docsearch-text-color);
}
.DocSearch-Popover-Close:hover {
.DocSearch-Popover-Close:hover,
.DocSearch-Popover-Close:focus-visible {
color: var(--docsearch-highlight-color);
background: var(--docsearch-soft-primary-color);
}
@ -550,7 +551,8 @@
display: none;
}
.DocSearch-Action:hover {
.DocSearch-Action:hover,
.DocSearch-Action:focus-visible {
color: var(--docsearch-highlight-color);
background: var(--docsearch-soft-primary-color);
}

9
packages/website/src/css/custom.css
View file

@ -442,7 +442,8 @@ html[data-theme='dark'] .docusaurus-highlight-code-line {
transition: all 0.2s ease-in-out;
}
.theme-announcement-bar a:hover {
.theme-announcement-bar a:hover,
.theme-announcement-bar a:focus-visible {
background-color: var(--ifm-color-primary);
color: #fff;
}
@ -549,12 +550,14 @@ html[data-theme='dark'] .docsearch-logo {
color: #fff;
}
.apply-button:hover {
.apply-button:hover,
.apply-button:focus-visible {
color: #fff;
}
/* GitHub */
.header-github-link:hover {
.header-github-link:hover,
.header-github-link:focus-visible {
opacity: 0.6;
}