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

Merge pull request #5301 from Ocelot-Social-Community/fix-category-filter-menu

Browse Source 
fix: Category Filter Menu Client Only
This commit is contained in:
Moriz Wahl 2022-09-07 12:57:45 +02:00 committed by GitHub
commit 01dd0dc038
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
webapp/components/FilterMenu/CategoriesMenu.vue
View File

@ -1,5 +1,5 @@
<template>
<dropdown ref="menu" placement="top-start" :offset="8" class="filter-menu">
<dropdown ref="category-menu" placement="top-start" :offset="8" class="category-menu">
<base-button
slot="default"
:filled="filterActive"
@ -10,7 +10,7 @@
<ds-text uppercase>{{ $t('admin.categories.name') }}</ds-text>
</base-button>
<template slot="popover">
<div class="filter-menu-options">
<div class="category-menu-options">
<h2 class="title">{{ $t('filter-menu.filter-by') }}</h2>
<categories-filter v-if="categoriesActive" />
</div>
@ -47,7 +47,7 @@ export default {
</script>
<style lang="scss">
.filter-menu-options {
.category-menu-options {
max-width: $size-max-width-filter-menu;
padding: $space-small $space-x-small;

4
webapp/layouts/default.vue
View File

@ -20,7 +20,9 @@
:class="{ 'hide-mobile-menu': !toggleMobileMenu }"
style="flex-grow: 0; flex-basis: auto"
>
<categories-menu></categories-menu>
<client-only>
<categories-menu></categories-menu>
</client-only>
</ds-flex-item>
<ds-flex-item
:width="{ base: '45%', sm: '45%', md: '45%', lg: '50%' }"