@easyops-cn/docusaurus-search-local 0.47.0 → 0.48.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
## [0.48.0](https://github.com/easyops-cn/docusaurus-search-local/compare/v0.47.0...v0.48.0) (2025-01-14)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* add active border highlight for search bar input ([f311908](https://github.com/easyops-cn/docusaurus-search-local/commit/f311908706c7b7a9b3105aaee775d5c42d2812bf))
|
|
11
|
+
|
|
5
12
|
## [0.47.0](https://github.com/easyops-cn/docusaurus-search-local/compare/v0.46.1...v0.47.0) (2025-01-07)
|
|
6
13
|
|
|
7
14
|
|
|
@@ -323,11 +323,11 @@ export default function SearchBar({ handleSearchBarToggle, }) {
|
|
|
323
323
|
})} hidden={hidden}
|
|
324
324
|
// Manually make the search bar be LTR even if in RTL
|
|
325
325
|
dir="ltr">
|
|
326
|
-
|
|
326
|
+
<input placeholder={translate({
|
|
327
327
|
id: "theme.SearchBar.label",
|
|
328
328
|
message: "Search",
|
|
329
329
|
description: "The ARIA label and placeholder for search button",
|
|
330
|
-
})} aria-label="Search" className=
|
|
330
|
+
})} aria-label="Search" className={`navbar__search-input ${styles.searchInput}`} onMouseEnter={onInputMouseEnter} onFocus={onInputFocus} onBlur={onInputBlur} onChange={onInputChange} ref={searchBarRef} value={inputValue}/>
|
|
331
331
|
<LoadingRing className={styles.searchBarLoadingRing}/>
|
|
332
332
|
{searchBarShortcut &&
|
|
333
333
|
searchBarShortcutHint &&
|
|
@@ -16,6 +16,11 @@
|
|
|
16
16
|
padding: var(--search-local-spacing, 12px);
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
+
.searchInput:focus {
|
|
20
|
+
outline: 2px solid var(--search-local-input-active-border-color, var(--ifm-color-primary));
|
|
21
|
+
outline-offset: 0px;
|
|
22
|
+
}
|
|
23
|
+
|
|
19
24
|
@media not (max-width: 996px) {
|
|
20
25
|
.searchBar.searchBarLeft .dropdownMenu {
|
|
21
26
|
left: 0 !important;
|