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

style color change, position change

Browse Source
This commit is contained in:
ogerly 2023-01-25 16:15:51 +01:00
parent fd6d2dacc5
commit 6c5f042fb9
1 changed files with 51 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
webapp/pages/index.vue
View File

@ -10,9 +10,19 @@
v-if="categoriesActive" v-if="categoriesActive"
:row-span="1" :row-span="1"
column-span="fullWidth" column-span="fullWidth"
style="z-index: 1" class="filterButtonMenu"
> >
<ds-button <base-button
class="my-filter-button"
v-if="!postsFilter['categories_some'] && !postsFilter['author']"
:icon="filterButtonIcon"
right
@click="showFilter = !showFilter"
filled
>
{{ $t('contribution.filterMasonryGrid.noFilter') }}
</base-button>
<!-- <ds-button
class="my-filter-button" class="my-filter-button"
v-if="!postsFilter['categories_some'] && !postsFilter['author']" v-if="!postsFilter['categories_some'] && !postsFilter['author']"
:icon="filterButtonIcon" :icon="filterButtonIcon"
@ -20,23 +30,47 @@
@click="showFilter = !showFilter" @click="showFilter = !showFilter"
> >
{{ $t('contribution.filterMasonryGrid.noFilter') }} {{ $t('contribution.filterMasonryGrid.noFilter') }}
</ds-button> </ds-button> -->
<span v-if="postsFilter['categories_some']"> <span v-if="postsFilter['categories_some']">
<ds-button class="my-filter-button" right @click="showFilter = !showFilter"> <!-- <ds-button class="my-filter-button" right @click="showFilter = !showFilter">
{{ $t('contribution.filterMasonryGrid.myTheme') }} {{ $t('contribution.filterMasonryGrid.myTheme') }}
</ds-button> </ds-button> -->
<ds-button <base-button class="my-filter-button" right @click="showFilter = !showFilter" filled>
{{ $t('contribution.filterMasonryGrid.myTheme') }}
</base-button>
<base-button
class="filter-remove"
@click="resetCategories"
icon="close"
title="Filter löschen"
style="margin-left: -6px"
filled
/>
<!-- <ds-button
class="filter-remove" class="filter-remove"
@click="resetCategories" @click="resetCategories"
icon="close" icon="close"
title="Filter löschen" title="Filter löschen"
style="margin-left: -14px" style="margin-left: -14px"
></ds-button> ></ds-button> -->
</span> </span>
<span v-if="postsFilter['author']"> <span v-if="postsFilter['author']">
<ds-button <base-button class="my-filter-button" right @click="showFilter = !showFilter" filled>
{{ $t('contribution.filterMasonryGrid.myFriends') }}
</base-button>
<base-button
class="filter-remove"
@click="resetByFollowed"
icon="close"
title="Filter löschen"
style="margin-left: -6px"
filled
/>
<!-- <ds-button
v-if="postsFilter['author']" v-if="postsFilter['author']"
class="my-filter-button" class="my-filter-button"
right right
@ -50,7 +84,7 @@
icon="close" icon="close"
title="Filter löschen" title="Filter löschen"
style="margin-left: -14px" style="margin-left: -14px"
></ds-button> ></ds-button> -->
</span> </span>
<div <div
@ -307,4 +341,12 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.filterButtonMenu {
position: fixed;
z-index: 1;
margin-top: -35px;
padding: 20px 10px 5px 10px;
border-radius: 7px;
background-color: #fff;
}
</style> </style>