UI: Time Badges block Description

[flomero]

Tandoor Version

1.5.6

Setup

Docker / Docker-Compose

Reverse Proxy

Nginx Proxy Manager (NPM)

Other

No response

Bug description

the time badges on recipe cards block the description, which comes up on hover:

expected behavior:

while on it I noticed, that the overlay doesn't cover the whole image. Is there a specific reason for .content-overlay to have height: 99%; on it instead of 100%?

would gladly create a pull request if this gets assigned to me ✌🏼

Relevant logs

No response

[vabene1111]

i kinda suck at css so I copied that from some tutorial, so no idea why its 99%. I changed it to 100%.

Is there an easy fix for the layering as well? Feel free to open a PR or just post the css here and I will include it.

[flomero]

unfortunately i can't get the dev setup to work right now :/ #2760

if you add the following to the css it should hide the time badges while a card is hovered:

.content:hover .card-img-overlay {
    opacity: 0;
}

[vabene1111]

thanks, that does the trick