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

Decrease wish height on mobile devices

Browse source
This commit is contained in:
grandeljay 2022-11-15 16:02:44 +01:00
parent f630223767
commit f831a38523
2 changed files with 25 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -105,9 +105,21 @@ figure {
}
/** Image */
.wishlist .ui.card > .image {
--hoverHeight: calc(1em + 3 * var(--padding));
}
.wishlist .ui.card > .image > :is(svg, img.preview) {
height: var(--hoverHeight);
}
@media (hover: hover) {
.wishlist .ui.card > .image > :is(svg, img.preview) {
height: var(--wishPreviewHeight);
}
}
.wishlist .ui.card > .image > svg {
width: 100%;
height: var(--wishPreviewHeight);
color: #f0f0f0;
background-color: #f4f4f4;
@ -141,15 +153,13 @@ figure {
}
}
.wishlist .ui.card:hover > .image > svg {
height: calc(1em + 3 * var(--padding) - 5px);
height: calc(var(--hoverHeight) - 5px);
padding: 0 !important;
opacity: 0;
}
}
.wishlist .ui.card > .image > img.preview {
height: var(--wishPreviewHeight);
object-fit: cover;
object-position: 50%;
background-color: #fff;
@ -172,7 +182,7 @@ figure {
}
.wishlist .ui.card:hover > .image > img.preview {
height: calc(1em + 3 * var(--padding));
height: var(--hoverHeight);
}
}

10
src/pages/changelog.php
View file

@ -105,6 +105,16 @@ $page->navigation();
</li>
</ul>
<h3 class="ui header"><?= __('Changed') ?></h3>
<ul>
<li>
<?php
/** TRANSLATORS: Changelog: Fixed */
echo __('Decreased wish height on mobile devices');
?>
</li>
</ul>
<h3 class="ui header"><?= __('Fixed') ?></h3>
<ul>
<li>