0ct0pu5/siyuan
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

✨ https://github.com/siyuan-note/siyuan/issues/6744

Browse source
This commit is contained in:
Vanessa 2022-11-30 11:21:10 +08:00
parent 4d62ff78e2
commit 02d97326b6
2 changed files with 23 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
app/src/assets/scss/_search.scss
View file

@ -1,4 +1,20 @@
.search {
&__layout {
display: flex;
flex: 1;
min-height: 0.1px;
flex-direction: column;
&--row {
flex-direction: row;
.search__preview {
border-top: 0;
border-left: 1px solid var(--b3-theme-surface-lighter);
}
}
}
&__header {
display: flex;
background: var(--b3-theme-background);
@ -75,7 +91,7 @@
position: relative;
flex: 1;
overflow: auto;
padding-bottom: 8px;
padding: 8px 0;
}
&__path {

12
app/src/search/util.ts
View file

@ -141,21 +141,21 @@ export const genSearch = (config: ISearchOption, element: Element, closeCB?: ()
<svg class="search__rmpath${config.hPath ? "" : " fn__none"}"><use xlink:href="#iconClose"></use></svg>
</span>
<span class="fn__space"></span>
<span id="searchPath" style="opacity: 1;padding: 3px 4px;" aria-label="${window.siyuan.languages.specifyPath}" class="block__icon b3-tooltips b3-tooltips__w">
<span id="searchPath" aria-label="${window.siyuan.languages.specifyPath}" class="block__icon b3-tooltips b3-tooltips__w">
<svg><use xlink:href="#iconFolder"></use></svg>
</span>
<div class="fn__flex${config.group === 0 ? " fn__none" : ""}">
<span class="fn__space"></span>
<span id="searchExpand" style="opacity: 1;padding: 3px 4px;" class="block__icon b3-tooltips b3-tooltips__w" aria-label="${window.siyuan.languages.expand}">
<span id="searchExpand" class="block__icon b3-tooltips b3-tooltips__w" aria-label="${window.siyuan.languages.expand}">
<svg><use xlink:href="#iconFullscreen"></use></svg>
</span>
<span class="fn__space"></span>
<span id="searchCollapse" style="opacity: 1;padding: 3px 4px;" class="block__icon b3-tooltips b3-tooltips__w" aria-label="${window.siyuan.languages.collapse}">
<span id="searchCollapse" class="block__icon b3-tooltips b3-tooltips__w" aria-label="${window.siyuan.languages.collapse}">
<svg><use xlink:href="#iconContract"></use></svg>
</span>
</div>
</div>
<div class="fn__flex-1 fn__flex" style="flex-direction: ${config.layout === 0 ? "column" : "row"}">
<div class="search__layout${config.layout === 1 ? " search__layout--row" : ""}">
<div id="searchList" class="fn__flex-1 search__list b3-list b3-list--background"></div>
<div id="searchPreview" class="fn__flex-1 search__preview"></div>
</div>
@ -578,7 +578,7 @@ const addConfigGroupMenu = (config: ISearchOption, edit: Protyle, element: Eleme
label: window.siyuan.languages.document_properties_page_size_orientation_portrait,
current: config.layout === 0,
click() {
element.querySelector("#searchList").parentElement.style.flexDirection = "column";
element.querySelector(".search__layout").classList.remove("search__layout--row")
setPadding(edit.protyle);
config.layout = 0;
if (!element.parentElement.getAttribute("data-id")) {
@ -590,7 +590,7 @@ const addConfigGroupMenu = (config: ISearchOption, edit: Protyle, element: Eleme
label: window.siyuan.languages.document_properties_page_size_orientation_landscape,
current: config.layout === 1,
click() {
element.querySelector("#searchList").parentElement.style.flexDirection = "row";
element.querySelector(".search__layout").classList.add("search__layout--row")
setPadding(edit.protyle);
config.layout = 1;
if (!element.parentElement.getAttribute("data-id")) {