obsidian-plugin/decaf-dev_obsidian-vault-explorer
1
0
Fork 0
mirror of https://github.com/decaf-dev/obsidian-vault-explorer.git synced 2026-07-22 10:10:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: move clear button to bottom

Browse source
This commit is contained in:
DecafDev 2024-09-12 19:25:03 -06:00
parent 5ccb925a01
commit fa218faf20
1 changed files with 29 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

53
src/svelte/shared/components/search-select.svelte
View file

@ -157,21 +157,30 @@
bind:this={dropdownRef}
use:portalAction
>
{#each filteredOptions as option, i}
<div
tabindex="-1"
role="option"
aria-selected={option === value}
class="vault-explorer-search-select__dropdown-item"
class:vault-explorer-search-select__dropdown-item--selected={currentFocusIndex ===
i}
on:mousedown={handleOptionMouseDown}
on:click={(e) => handleOptionClick(option)}
on:keydown={() => {}}
>
{option}
</div>
{/each}
<div class="vault-explorer-search-select__dropdown-container">
{#each filteredOptions as option, i}
<div
tabindex="-1"
role="option"
aria-selected={option === value}
class="vault-explorer-search-select__dropdown-item"
class:vault-explorer-search-select__dropdown-item--selected={currentFocusIndex ===
i}
on:mousedown={handleOptionMouseDown}
on:click={(e) => handleOptionClick(option)}
on:keydown={() => {}}
>
{option}
</div>
{/each}
{#if filteredOptions.length === 0}
<div
class="vault-explorer-search-select__dropdown-item vault-explorer-search-select__dropdown-item--empty"
>
No results found
</div>
{/if}
</div>
{#if filteredOptions.length > 0}
<Divider />
<div
@ -186,13 +195,6 @@
Clear
</div>
{/if}
{#if filteredOptions.length === 0}
<div
class="vault-explorer-search-select__dropdown-item vault-explorer-search-select__dropdown-item--empty"
>
No results found
</div>
{/if}
</div>
{/if}
</div>
@ -211,8 +213,6 @@
position: absolute;
background-color: var(--dropdown-background);
box-shadow: var(--input-shadow);
max-height: 175px;
overflow-y: auto;
z-index: 999;
color: var(--text-normal);
font-size: var(--font-ui-small);
@ -221,6 +221,11 @@
border-radius: var(--input-radius);
}
.vault-explorer-search-select__dropdown-container {
max-height: 145px;
overflow-y: auto;
}
.vault-explorer-search-select__input-icon {
position: absolute;
top: 50%;