Merge pull request #11614 from nextcloud/chore/noid/filter-buttons-pr…

…ess-state

chore(LefSidebard): Align press state

src/components/LeftSidebar/LeftSidebar.vue

@@ -43,8 +43,7 @@
 						<FilterIcon :size="15" />
 					</template>
 					<NcActionButton close-after-click
-						class="filter-actions__button"
-						:class="{'filter-actions__button--active': isFiltered === 'mentions'}"
+						:model-value="isFiltered === 'mentions'"
 						@click="handleFilter('mentions')">
 						<template #icon>
 							<AtIcon :size="20" />
@@ -53,8 +52,7 @@
 					</NcActionButton>
 
 					<NcActionButton close-after-click
-						class="filter-actions__button"
-						:class="{'filter-actions__button--active': isFiltered === 'unread'}"
+						:model-value="isFiltered === 'unread'"
 						@click="handleFilter('unread')">
 						<template #icon>
 							<MessageBadge :size="20" />
@@ -1059,16 +1057,6 @@ export default {
 	}
 }
 
-.filter-actions__button--active {
-	background-color: var(--color-primary-element-light);
-	border-radius: 6px;
-
-	:deep(.action-button__longtext) {
-		font-weight: bold;
-	}
-
-}
-
 :deep(.empty-content) {
 	text-align: center;
 	padding: 20% 10px 0;