github/siyuan
4
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-05-21 11:30:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

🎨 https://github.com/siyuan-note/siyuan/issues/9794

Browse Source
This commit is contained in:
Vanessa 2023-12-04 22:46:31 +08:00
parent 1212c2cd57
commit ec247408b4
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/src/assets/scss/business/_search.scss
View File

@ -77,6 +77,14 @@
top: 17px; top: 17px;
} }
&__history-icon {
@extend .fn__a;
height: 42px;
width: 42px;
display: block;
position: absolute;
}
&__label { &__label {
position: absolute; position: absolute;
right: 8px; right: 8px;

8
app/src/search/util.ts
View File

@ -102,7 +102,7 @@ export const toggleReplaceHistory = (searchElement: Element) => {
if (current) { if (current) {
separatorElement.remove(); separatorElement.remove();
} }
const rect = searchElement.querySelector("#replaceHistoryBtn").getBoundingClientRect(); const rect = replaceInputElement.getBoundingClientRect();
menu.open({ menu.open({
x: rect.left, x: rect.left,
y: rect.bottom y: rect.bottom
@ -172,7 +172,7 @@ export const toggleSearchHistory = (searchElement: Element, config: ISearchOptio
if (current) { if (current) {
separatorElement.remove(); separatorElement.remove();
} }
const rect = searchElement.querySelector("#searchHistoryBtn").getBoundingClientRect(); const rect = searchInputElement.getBoundingClientRect();
menu.open({ menu.open({
x: rect.left, x: rect.left,
y: rect.bottom y: rect.bottom
@ -278,7 +278,7 @@ export const genSearch = (app: App, config: ISearchOption, element: Element, clo
</div> </div>
<div class="b3-form__icon search__header"> <div class="b3-form__icon search__header">
<div style="position: relative" class="fn__flex-1"> <div style="position: relative" class="fn__flex-1">
<span class="fn__a ariaLabel" id="searchHistoryBtn" aria-label="${updateHotkeyTip("⌥↓")}"> <span class="search__history-icon ariaLabel" id="searchHistoryBtn" aria-label="${updateHotkeyTip("⌥↓")}">
<svg data-menu="true" class="b3-form__icon-icon"><use xlink:href="#iconSearch"></use></svg> <svg data-menu="true" class="b3-form__icon-icon"><use xlink:href="#iconSearch"></use></svg>
<svg class="search__arrowdown"><use xlink:href="#iconDown"></use></svg> <svg class="search__arrowdown"><use xlink:href="#iconDown"></use></svg>
</span> </span>
@ -314,7 +314,7 @@ export const genSearch = (app: App, config: ISearchOption, element: Element, clo
</div> </div>
<div class="b3-form__icon search__header${config.hasReplace ? "" : " fn__none"}"> <div class="b3-form__icon search__header${config.hasReplace ? "" : " fn__none"}">
<div class="fn__flex-1" style="position: relative"> <div class="fn__flex-1" style="position: relative">
<span class="fn__a ariaLabel" id="replaceHistoryBtn" aria-label="${updateHotkeyTip("⌥↓")}"> <span class="search__history-icon ariaLabel" id="replaceHistoryBtn" aria-label="${updateHotkeyTip("⌥↓")}">
<svg data-menu="true" class="b3-form__icon-icon"><use xlink:href="#iconReplace"></use></svg> <svg data-menu="true" class="b3-form__icon-icon"><use xlink:href="#iconReplace"></use></svg>
<svg class="search__arrowdown"><use xlink:href="#iconDown"></use></svg> <svg class="search__arrowdown"><use xlink:href="#iconDown"></use></svg>
</span> </span>