PrivateCoffee/wishthis
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve wishlist filter

Browse source
This commit is contained in:
grandeljay 2022-11-28 13:38:38 +01:00
parent 4b6abba37d
commit 45ae729476
2 changed files with 62 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/assets/css/default.css
View file

@ -451,16 +451,29 @@ p .ui.horizontal.label {
display: flex;
flex-flow: row wrap;
}
.flex.wishlist-filter {
gap: 1rem;
}
@media (max-width: 767px) {
.flex {
flex-direction: column;
}
.flex.wishlist-filter {
flex-direction: row;
}
.flex > *,
.flex > .ui.button {
margin-bottom: 0.5rem;
}
.flex.wishlist-filter > div {
flex: 1 1 auto;
margin: 0;
}
.flex.wishlist-filter > div > div {
width: 100%;
}
.flex :last-child {
margin-bottom: 0;

8
src/pages/parts/wishlist.php
View file

@ -18,6 +18,8 @@ $scripts = array(
<div>
<div class="ui stackable grid">
<div class="column">
<div class="flex wishlist-filter">
<div>
<div class="ui floating dropdown labeled icon button filter priority">
<input type="hidden" name="filters" />
@ -61,6 +63,10 @@ $scripts = array(
</div>
</div>
</div>
<div>
<input type="hidden" name="style" value="grid" />
<div class="ui icon buttons view">
<button class="ui button" value="grid"><i class="grip horizontal icon"></i></button>
@ -69,6 +75,8 @@ $scripts = array(
</div>
</div>
</div>
</div>
</div>
<?php if (isset($wishlist->id)) { ?>