Adwaita: menu border-radius fix from gtk3
authorJakub Steiner <jimmac@gmail.com>
Wed, 6 Feb 2019 13:34:55 +0000 (14:34 +0100)
committerJakub Steiner <jimmac@gmail.com>
Wed, 6 Feb 2019 13:34:55 +0000 (14:34 +0100)
- avoid painting over the rounded corners with background

gtk/theme/Adwaita/_common.scss
gtk/theme/Adwaita/gtk-contained-dark.css
gtk/theme/Adwaita/gtk-contained.css

index ffcc60a75acc2c3d96320785e9b33e23b9f1579f..34a34b42b415f81954a0845faf821b618cfbaeda 100644 (file)
@@ -2066,6 +2066,10 @@ menubar,
   .csd.popup decoration {border-radius:0;}
 }
 
+// Needed to make the border-radius of menus work
+// otherwise the background bleeds out of the menu edges
+.background.popup { background-color: transparent; }
+
 menu,
 .menu,
 .context-menu {
index cc7c39779b984f88fc084cc8572b8afeece879a9..32bd158a52f0a4100e5be3456267060a4f77fa61 100644 (file)
@@ -815,6 +815,8 @@ menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #919190; box-
 
 menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; }
 
+.background.popup { background-color: transparent; }
+
 menu, .menu, .context-menu { padding: 4px 0px; background-color: #2f2f2f; border: 1px solid #1b1b1b; border-radius: 5px; }
 
 .csd menu, .csd .menu, .csd .context-menu { border: none; }
index 099d6cf0249bf8ac87ce7ef10b2778396d55471b..2c5bb029fc384bb49c77bb7c3629b5d1aaa7d7a4 100644 (file)
@@ -823,6 +823,8 @@ menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #929595; box-
 
 menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; }
 
+.background.popup { background-color: transparent; }
+
 menu, .menu, .context-menu { padding: 4px 0px; background-color: #ffffff; border: 1px solid #cdc7c2; border-radius: 5px; }
 
 .csd menu, .csd .menu, .csd .context-menu { border: none; }