IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

[refactor] changed button layout in filter menu

Browse Source
This commit is contained in:
Markus 2023-07-11 14:26:19 +02:00
parent 7c56ad9728
commit e81254e531
2 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
webapp/components/FilterMenu/FollowingFilter.vue
View File

@ -5,22 +5,26 @@
class="following-filter">
<template #filter-follower>
<li class="item follower-item">
<labeled-button
<base-button
icon="user-plus"
:label="$t('filter-menu.following')"
:filled="filteredByUsersFollowed"
:title="$t('contribution.filterFollow')"
@click="toggleFilteredByFollowed(currentUser.id)"
/>
>
{{ $t('contribution.filterFollow') }}
</base-button>
</li>
<li class="item posts-in-my-groups-item">
<labeled-button
<base-button
icon="users"
:label="$t('filter-menu.my-groups')"
:filled="filteredByPostsInMyGroups"
:title="$t('contribution.filterMyGroups')"
@click="toggleFilteredByMyGroups()"
/>
>
{{ $t('contribution.filterMyGroups') }}
</base-button>
</li>
</template>
</filter-menu-section>

8
webapp/components/FilterMenu/PostTypeFilter.vue
View File

@ -5,14 +5,16 @@
class="following-filter"
>
<template #filter-follower>
<li class="item all-item">
<labeled-button
<li class="item all-item">
<base-button
icon="check"
:label="$t('filter-menu.all')"
:filled="filteredPostTypes.length === 0"
:title="$t('filter-menu.all')"
@click="togglePostType(null)"
/>
>
{{ $t('filter-menu.all') }}
</base-button>
</li>
<li class="item article-item">
<labeled-button