diff options
author | Joas Schilling <coding@schilljs.com> | 2023-08-10 14:05:59 +0200 |
---|---|---|
committer | backportbot-nextcloud[bot] <backportbot-nextcloud[bot]@users.noreply.github.com> | 2023-08-10 19:09:53 +0000 |
commit | d06b8eb85297ee0bff385211d22d7179b0e6b6c6 (patch) | |
tree | a97d8a7e2756ff1dad62d33a8ddc6a723aac9daa /src/components | |
parent | 4bbca0a9e2c790b02107379928ab27d9c6b8fc1e (diff) |
fix(search): Add the buttons so keyboard users can tab to the filter
Signed-off-by: Joas Schilling <coding@schilljs.com>
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/LeftSidebar/LeftSidebar.vue | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/src/components/LeftSidebar/LeftSidebar.vue b/src/components/LeftSidebar/LeftSidebar.vue index 19ecabaca..966511a51 100644 --- a/src/components/LeftSidebar/LeftSidebar.vue +++ b/src/components/LeftSidebar/LeftSidebar.vue @@ -37,7 +37,10 @@ <TransitionGroup name="radial-reveal"> <!-- Filters --> - <div v-show="!isFocused" key="filters" class="filters"> + <div v-show="searchText === ''" + key="filters" + class="filters" + :class="{'hidden-visually': isFocused}"> <NcActions class="filter-actions" :primary="isFiltered !== null"> <template #icon> @@ -76,9 +79,10 @@ </div> <!-- Actions --> - <div v-show="!isFocused" + <div v-show="searchText === ''" key="actions" - class="actions"> + class="actions" + :class="{'hidden-visually': isFocused}"> <NcActions class="conversations-actions"> <template #icon> <DotsVertical :size="20" /> |