Make wishlist grid compact

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

View file

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

View file

@ -126,7 +126,7 @@ class Wishlist
switch ($style) {
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 foreach ($this->wishes as $wish) { ?>
<div class="column">
@ -148,7 +148,7 @@ class Wishlist
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 foreach ($this->wishes as $wish) { ?>
<div class="column">