Browse Source
fix(search): Add the buttons so keyboard users can tab to the filter
Signed-off-by: Joas Schilling <coding@schilljs.com>
pull/10164/head
Joas Schilling
2 years ago
No known key found for this signature in database
GPG Key ID: C400AAF20C1BB6FC
1 changed files with
7 additions and
3 deletions
-
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" /> |
|
|
|
|
