lassekongo83 / adw-gtk3

The theme from libadwaita ported to GTK-3
GNU Lesser General Public License v2.1
1.55k stars 57 forks source link

Shadows aren't click-through #228

Closed notpeelz closed 1 year ago

notpeelz commented 1 year ago

Prerequisites

Checklist to make sure the issue is not on your end

Description

shadow-arent-clickthrough.webm

OS and version [e.g Fedora 37]

Arch

Adw-gtk3 version. Also specify your installation source. [e.g tar.xz, AUR, git main branch]

4.6.r1.c301933-1 (AUR: adw-gtk3-git)

GNOME version

44.1 (Wayland)

Application name and version (If the issue is with an app.)

Curiously, this only happens with X11 programs. Wayland programs work fine.

kitty 0.28.1-2 (forced X11): bugged obs-studio 29.0.2-5 (forced X11): bugged discord 0.0.27 (flatpak, X11): bugged virt-manager 4.1.0-2 (wayland): OK chromium 113.0.5672.92-1 (wayland): OK file-roller 43.0-2 (wayland): OK

lassekongo83 commented 1 year ago

I don't think this is an issue with the theme. Probably a wayland/xwayland bug.

notpeelz commented 1 year ago

You may be right. I don't remember running into this issue before upgrading to GNOME 44.1 (from 43.5)

notpeelz commented 1 year ago

Related: https://gitlab.gnome.org/GNOME/mutter/-/issues/2788

slanderous-mambo commented 1 year ago

This affects adw-gtk3 more than regular GTK3 Adwaita, because the shadows here are wider (like they are in libadwaita). Using old Adwaita, the bug is barely noticable. Since I find this pretty annoying but want to keep using adw-gtk3, I fumbled around with the shadows in libadwaita.css. If anyone else is interested, this is what I set as a workaround:

window.csd { box-shadow: 0 1px 3px 3px transparent, 0 2px 8px 2px rgba(0, 0, 0, 0.26), 0 0 0 1px rgba(0, 0, 0, 0.05); margin: 0px; border-radius: 12px; outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; }
window.csd:backdrop { box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.09), 0 2px 8px 2px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.02); transition: box-shadow 200ms ease-out; }
window.csd.dialog.message { box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(0, 0, 0, 0.05); }
notpeelz commented 1 year ago

That helps a lot, thanks. I noticed Jonas committed a fix. Hopefully that makes it into the GNOME 44.2 release.

slanderous-mambo commented 1 year ago

It did land in 44.2! I just updated and the problem is fixed for me now.