ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

added margin to newsfeed grid if no donation or hastag bar is visible

Browse Source
This commit is contained in:
Markus 2023-03-20 14:17:15 +01:00
parent 9454b7b541
commit 335ffcda14
1 changed files with 19 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
webapp/pages/index.vue
View File

@ -19,10 +19,7 @@
</client-only> </client-only>
</div> </div>
<div> <div>
<div <div v-if="categoriesActive && SHOW_CONTENT_FILTER_MASONRY_GRID" class="top-filter-menu">
v-if="categoriesActive && SHOW_CONTENT_FILTER_MASONRY_GRID"
class="top-filter-menu"
>
<div class="filterButtonBox"> <div class="filterButtonBox">
<div class="filterButtonMenu" :class="{ 'hide-filter': hideByScroll }"> <div class="filterButtonMenu" :class="{ 'hide-filter': hideByScroll }">
<base-button <base-button
@ -83,7 +80,7 @@
</div> </div>
</div> </div>
<!-- content grid --> <!-- content grid -->
<masonry-grid> <masonry-grid :class="[!hashtag && !showDonations ? 'grid-margin-top' : '']">
<!-- news feed --> <!-- news feed -->
<template v-if="hasResults"> <template v-if="hasResults">
<masonry-grid-item <masonry-grid-item
@ -367,6 +364,9 @@ export default {
overflow: auto; overflow: auto;
padding-bottom: 0px; padding-bottom: 0px;
} }
.grid-margin-top {
margin-top: 26px;
}
@media screen and (min-height: 401px) { @media screen and (min-height: 401px) {
#my-filter { #my-filter {
max-height: 330px; max-height: 330px;
@ -429,5 +429,9 @@ export default {
.newsfeed-controls { .newsfeed-controls {
margin-top: 32px; margin-top: 32px;
} }
.grid-margin-top {
margin-top: 6px;
}
} }
</style> </style>