Hover Display Issue on Safari

[anthonycastaneda]

I'm using your great theme on Safari and I'm seeing some display issues on hover. In this screenshot, I'm hovering over the Portainer card, but some other cards have a dark overlay that is very dynamic and changes as I move the cursor around the screen.

I tried it with Chrome and I do not see this behavior, but I thought I'd let you know.

[walkxcode]

Hello!

I sadly don't have any device that can run Safari, so I cannot try to recreate this behavior. If you can give me any other information, or provide me with a fix, please do.

[anthonycastaneda]

I'm happy to mess around with it but I don't know CSS. Can you point me in the general direction of what I should be looking for in the code?

[walkxcode]

If you don't know CSS, I suppose there isn't much help you can deliver. I'll try setting up some way I can get safari running.

[mada199122]

I confirm the bug with Safari:(

[walkxcode]

Would any of you (@anthonycastaneda @mada199122) be able to get into a Discord or Jitsi call with me to try and debug this issue?

[anthonycastaneda]

@walkxcode Sure, I have some time this afternoon. Discord or Jitsi is fine with me. I'm Central time zone.

[walkxcode]

Alright! Add me on Discord: Walkx#3333

[walkxcode]

Quick update: Failed to find cause of bug.

[naokiiida]

don't really know how to use git so I'm just writing it here;
but this fixed the overlay issue for me.

in the config.yml, change from hex to rgba.
for light:

--card-background: "rgba(255, 245, 242, 0.8)" 

for dark:

--card-background: "rgba(24, 28, 58, 0.8)"

in the custom.css, remove

body #app .card,
body #app .card:hover,
body #app .message {
  opacity: 80%;
}

[walkxcode]

I've made the changes, please let me know if it worked @anthonycastaneda

[anthonycastaneda]

Thanks, but I'm no longer using Homer. I'll close the issue.

[neographophobic]

@walkxcode, the fix worked for me tested on the latest desktop version of Safari, and Chrome. Both work the same way now, where Safari use to have the visual issue in this thread.