obsidian-plugin/quorafind_Obsidian-Float-Search
1
0
Fork 0
mirror of https://github.com/quorafind/Obsidian-Float-Search.git synced 2026-07-22 07:30:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: support toggle file path visibility

Browse source
This commit is contained in:
Quorafind 2024-04-09 15:13:48 +08:00
parent 196e3711be
commit e5480ead33
2 changed files with 914 additions and 797 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1597
src/floatSearchIndex.ts
View file

File diff suppressed because it is too large Load diff

114
styles.css
View file

@ -7,107 +7,139 @@ If your plugin does not need CSS, delete this file.
*/
.float-search-modal {
width: 600px;
width: 600px;
padding-bottom: 0;
padding-bottom: 0;
}
.float-search-modal.float-search-width {
width: 1200px;
width: 1200px;
}
.float-search-modal-search-ctn, .float-search-modal-file-ctn {
height: 100%;
width: 100%;
height: 100%;
width: 100%;
}
.float-search-modal-file-ctn .view-header {
display: none;
display: none;
}
.float-search-modal-content {
height: 800px;
display: flex;
align-items: center;
flex-direction: row;
height: 800px;
display: flex;
align-items: center;
flex-direction: row;
}
.float-search-modal-file-ctn .view-content {
height: 100%;
height: 100%;
}
.float-search-modal .modal-close-button {
z-index: 40;
z-index: 40;
}
.fs-content .workspace-split.mod-vertical {
height: 100%;
height: 100%;
}
.fs-content {
height: 100%;
height: 100%;
}
.fs-content .cm-scroller {
margin-top: 20px;
margin-top: 20px;
}
.fs-block {
height: 100% !important;
height: 100% !important;
}
.fs-block .workspace-leaf-resize-handle {
display: none;
display: none;
}
.modal-container.float-search-modal-container.mod-dim {
z-index: 30;
z-index: 30;
}
.float-search-modal-instructions {
border-top: 1px solid var(--background-secondary);
user-select: none;
font-size: var(--font-ui-smaller);
color: var(--text-muted);
padding: var(--size-4-2);
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--size-4-3);
border-top: 1px solid var(--background-secondary);
user-select: none;
font-size: var(--font-ui-smaller);
color: var(--text-muted);
padding: var(--size-4-2);
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--size-4-3);
}
.float-search-modal-instructions .float-search-modal-instructions-key {
font-weight: var(--font-extrabold);
margin-right: var(--size-2-2);
font-weight: var(--font-extrabold);
margin-right: var(--size-2-2);
}
.float-search-modal-content:has(.float-search-modal-file-ctn) .float-search-modal-search-ctn {
border-right: 1px solid var(--background-secondary);
border-right: 1px solid var(--background-secondary);
}
.float-search-modal-file-ctn:has(.mod-active) {
border-bottom: 3px solid var(--color-accent);
border-bottom: 3px solid var(--color-accent);
}
.float-search-modal-file-ctn:has(.mod-active) .cm-scroller {
background-color: var(--background-primary);
background-color: var(--background-primary);
}
.float-search-view-switch {
display: flex;
align-items: center;
display: flex;
align-items: center;
}
.float-search-view-menu .menu-item-icon {
color: var(--text-muted);
color: var(--text-muted);
}
.float-search-view-menu svg {
fill: none;
stroke: currentcolor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
fill: none;
stroke: currentcolor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
body:not(.show-file-path) .search-result-file-title .search-result-file-path {
display: none;
}
.show-file-path .search-result-file-title .search-result-file-path {
display: flex;
justify-content: center;
align-items: center;
color: var(--text-muted);
font-size: var(--font-ui-smaller);
font-weight: var(--font-bolder);
margin-right: var(--size-2-2);
padding: 1px;
padding-left: var(--size-4-2);
background-color: var(--background-secondary-alt);
padding-right: var(--size-4-2);
border-radius: var(--radius-s);
--icon-size: 12px;
}
.show-file-path .search-result-file-title .search-result-file-path-icon {
display: flex;
align-items: center;
justify-content: center;
margin-right: var(--size-2-2);
}
.show-file-path .search-result-file-title .search-result-file-path:hover {
background-color: var(--background-secondary);
}