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

Fix wishlist filter cut off on mobile

Browse source
This commit is contained in:
grandeljay 2022-11-08 15:39:21 +01:00
parent 74570b5285
commit e4318c474a
3 changed files with 14 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -465,17 +465,7 @@ body.pushable > .pusher {
/**
* Filter
*/
.ui.basic.white.button {
color: inherit;
background-color: #fff;
}
@media (prefers-color-scheme: dark) {
.ui.basic.white.button {
background-color: #222;
}
}
.ui.dropdown.filter.priority .ui.menu {
.ui.dropdown.filter.priority .menu {
z-index: calc(var(--dimmerZIndex) + 3);
}

6
src/pages/changelog.php
View file

@ -93,6 +93,12 @@ $page->navigation();
echo __('Version number not being stored correctly causing the migration to execute the wrong script.');
?>
</li>
<li>
<?php
/** TRANSLATORS: Changelog: Fixed */
echo __('Wishlist filter cut off on mobile');
?>
</li>
</ul>
</div>

12
src/pages/parts/wishlist-filter.php
View file

@ -14,13 +14,13 @@ $scriptPart = '/src/assets/js/parts/wishlist-filter.js';
<div class="ui stackable grid">
<div class="column">
<div class="ui labeled icon basic white button floating dropdown filter priority">
<div class="ui floating dropdown labeled icon button filter priority">
<input type="hidden" name="filters" />
<i class="filter icon"></i>
<span class="text"><?= __('Filter priorities') ?></span>
<div class="ui menu">
<div class="menu">
<div class="ui icon search input">
<i class="search icon"></i>
<input type="text" placeholder="<?= __('Search priorities') ?>" />
@ -35,18 +35,20 @@ $scriptPart = '/src/assets/js/parts/wishlist-filter.js';
<div class="scrolling menu">
<div class="item" data-value="-1">
<i class="small circle icon"></i>
<i class="ui empty circular label"></i>
<?= __('All priorities') ?>
</div>
<div class="item" data-value="">
<i class="small circle outline icon"></i>
<i class="ui white empty circular label"></i>
<?= __('No priority') ?>
</div>
<div class="divider"></div>
<?php foreach (Wish::$priorities as $number => $priority) { ?>
<div class="item" data-value="<?= $number ?>">
<i class="small <?= $priority['color'] ?> circle icon"></i>
<i class="ui <?= $priority['color'] ?> empty circular label"></i>
<?= $priority['name'] ?>
</div>
<?php } ?>