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

style: update modal style

Browse source
This commit is contained in:
quorafind 2024-01-24 17:48:37 +08:00
parent 36e22c887d
commit 31fdb1d409
1 changed files with 41 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

82
styles.css
View file

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