ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix(card): use primary when filter is active

Browse Source 
Signed-off-by: Fitrah Munir <fitrahmunir@outlook.com>
This commit is contained in:
Fitrah Munir
2023-11-17 19:20:37 +00:00
committed by fitrah
parent ebdbe651d0
commit 80e09355f0
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Controls.vue
View File

@@ -90,7 +90,7 @@
<NcButton slot="trigger" <NcButton slot="trigger"
:title="t('deck', 'Apply filter')" :title="t('deck', 'Apply filter')"
class="filter-button" class="filter-button"
type="tertiary-no-background"> :type="isFilterActive ? 'primary' : 'tertiary'">
<template #icon> <template #icon>
<FilterIcon v-if="isFilterActive" :size="20" decorative /> <FilterIcon v-if="isFilterActive" :size="20" decorative />
<FilterOffIcon v-else :size="20" decorative /> <FilterOffIcon v-else :size="20" decorative />
@@ -509,8 +509,11 @@ export default {
width: 44px; width: 44px;
height: 44px; height: 44px;
&:hover, &:focus { &[data-popper-shown] {
background-color: rgba(127,127,127,0.25) !important; background-color: var(--color-background-hover);
&.button-vue--vue-primary {
background-color: var(--color-primary-element);
}
} }
} }
</style> </style>