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

Make wishlist grid compact

Browse source
This commit is contained in:
grandeljay 2022-12-06 18:07:06 +01:00
parent abf8bc50e7
commit 83f218ace8
2 changed files with 13 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -83,11 +83,19 @@ dialog[open] > .ui.modal {
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
.ui.ui.ui.ui.stackable.grid.actions, .ui.ui.ui.ui.stackable.grid.actions,
.ui.ui.ui.ui.stackable.grid.wishlist { .ui.ui.ui.ui.stackable.grid.wishlist {
margin: -1rem !important; margin-left: -1rem !important;
margin-right: -1rem !important;
}
.ui.ui.ui.ui.stackable.compact.grid.actions,
.ui.ui.ui.ui.stackable.compact.grid.wishlist {
margin-left: -0.5rem !important;
margin-right: -0.5rem !important;
} }
.wishlist-filter-wrapper { .wishlist-filter-wrapper {
margin: -1rem; margin-left: -1rem;
margin-right: -1rem;
} }
} }
@ -117,6 +125,7 @@ p .ui.horizontal.label {
} }
.flex.wishlist-filter { .flex.wishlist-filter {
gap: 1rem; gap: 1rem;
margin-bottom: 0.5rem;
} }
@media (max-width: 767px) { @media (max-width: 767px) {

4
src/classes/wishlist.php
View file

@ -126,7 +126,7 @@ class Wishlist
switch ($style) { switch ($style) {
case 'list': case 'list':
?> ?>
<div class="ui one column doubling stackable grid wishlist"> <div class="ui one column doubling stackable compact grid wishlist">
<?php if (!empty($this->wishes)) { ?> <?php if (!empty($this->wishes)) { ?>
<?php foreach ($this->wishes as $wish) { ?> <?php foreach ($this->wishes as $wish) { ?>
<div class="column"> <div class="column">
@ -148,7 +148,7 @@ class Wishlist
default: default:
?> ?>
<div class="ui three column doubling stackable grid wishlist"> <div class="ui three column doubling stackable compact grid wishlist">
<?php if (!empty($this->wishes)) { ?> <?php if (!empty($this->wishes)) { ?>
<?php foreach ($this->wishes as $wish) { ?> <?php foreach ($this->wishes as $wish) { ?>
<div class="column"> <div class="column">