IMprovement: GTK3&4 - Menu rounded corner

thekomer · Mar 10, 2022 · 7279a15 · 7279a15
1 parent f6b1eee
commit 7279a15
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 10 deletions.
diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css
@@ -3071,7 +3071,7 @@ menu,
   padding: 2px 0px;
   background: linear-gradient(to bottom, #090b13, #030305);
   border: 1px solid rgba(255, 255, 255, 0.05);
-  border-radius: 5px; }
+  border-radius: 0.4em; }
   .csd menu, .csd
   .menu, .csd
   .context-menu {
@@ -3086,7 +3086,8 @@ menu,
     min-height: 17px;
     min-width: 40px;
     padding: 4px 6px;
-    text-shadow: none; }
+    text-shadow: none;
+    border-radius: 0.4em; }
     menu menuitem:hover,
     .menu menuitem:hover,
     .context-menu menuitem:hover {

diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css
@@ -3071,7 +3071,7 @@ menu,
   padding: 2px 0px;
   background: linear-gradient(to bottom, #090b13, #030305);
   border: 1px solid rgba(255, 255, 255, 0.05);
-  border-radius: 5px; }
+  border-radius: 0.4em; }
   .csd menu, .csd
   .menu, .csd
   .context-menu {
@@ -3086,7 +3086,8 @@ menu,
     min-height: 17px;
     min-width: 40px;
     padding: 4px 6px;
-    text-shadow: none; }
+    text-shadow: none;
+    border-radius: 0.4em; }
     menu menuitem:hover,
     .menu menuitem:hover,
     .context-menu menuitem:hover {

diff --git a/gtk-3.0/widgets/_menus.scss b/gtk-3.0/widgets/_menus.scss
@@ -32,8 +32,7 @@ menu,
   padding: 2px 0px;
   background: if( $variant == 'light',  linear-gradient(to bottom, #fff 20%, #fff), linear-gradient(to bottom, lighten($headerbar_color, 2%), darken($headerbar_color, 2%)));
   border: 1px solid $borders_color; // adds borders in a non composited env
-  border-radius: 5px;
-
+  border-radius: 0.4em;// 5px;
 
   .csd & { border: none; }  // axes borders in a composited env
 
@@ -44,6 +43,7 @@ menu,
     min-width: 40px;
     padding: 4px 6px;
     text-shadow: none;
+    border-radius: 0.4em;
 
     &:hover {
       color: $selected_fg_color;

diff --git a/gtk-4.0/gtk-dark.css b/gtk-4.0/gtk-dark.css
@@ -3043,7 +3043,8 @@ menu,
   padding: 2px 0px;
   background: linear-gradient(to bottom, #090b13, #030305);
   border: 1px solid rgba(255, 255, 255, 0.05);
-  border-radius: 5px; }
+  border-radius: 5px;
+  border-radius: 0.4em; }
   .csd menu, .csd
   .menu, .csd
   .context-menu {
@@ -3058,7 +3059,8 @@ menu,
     min-height: 17px;
     min-width: 40px;
     padding: 4px 6px;
-    text-shadow: none; }
+    text-shadow: none;
+    border-radius: 0.4em; }
     menu menuitem:hover,
     .menu menuitem:hover,
     .context-menu menuitem:hover {

diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css
@@ -3043,7 +3043,8 @@ menu,
   padding: 2px 0px;
   background: linear-gradient(to bottom, #090b13, #030305);
   border: 1px solid rgba(255, 255, 255, 0.05);
-  border-radius: 5px; }
+  border-radius: 5px;
+  border-radius: 0.4em; }
   .csd menu, .csd
   .menu, .csd
   .context-menu {
@@ -3058,7 +3059,8 @@ menu,
     min-height: 17px;
     min-width: 40px;
     padding: 4px 6px;
-    text-shadow: none; }
+    text-shadow: none;
+    border-radius: 0.4em; }
     menu menuitem:hover,
     .menu menuitem:hover,
     .context-menu menuitem:hover {

diff --git a/gtk-4.0/widgets/_menus.scss b/gtk-4.0/widgets/_menus.scss
@@ -32,6 +32,7 @@ menu,
   background: if( $variant == 'light',  linear-gradient(to bottom, #fff 20%, #fff), linear-gradient(to bottom, lighten($headerbar_color, 2%), darken($headerbar_color, 2%)));
   border: 1px solid $borders_color; // adds borders in a non composited env
   border-radius: 5px;
+  border-radius: 0.4em;
 
 
   .csd & { border: none; }  // axes borders in a composited env
@@ -43,6 +44,7 @@ menu,
     min-width: 40px;
     padding: 4px 6px;
     text-shadow: none;
+    border-radius: 0.4em;
 
     &:hover {
       color: $selected_fg_color;