Make wishlist grid compact
This commit is contained in:
parent
abf8bc50e7
commit
83f218ace8
2 changed files with 13 additions and 4 deletions
|
@ -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) {
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Reference in a new issue