[geany/geany-osx] d79501: Update menus to look more native on macOS/Windows
Jiří Techet
git-noreply at xxxxx
Sat Jan 8 17:11:42 UTC 2022
Branch: refs/heads/master
Author: Jiří Techet <techet at gmail.com>
Committer: Jiří Techet <techet at gmail.com>
Date: Sat, 08 Jan 2022 17:11:42 UTC
Commit: d7950121f575640f671a55a7065aa919472c8703
https://github.com/geany/geany-osx/commit/d7950121f575640f671a55a7065aa919472c8703
Log Message:
-----------
Update menus to look more native on macOS/Windows
- avoid gradients
- don't use radius around selection
- center top menubar
Modified Paths:
--------------
Prof-Gnome/gtk-3.0/main-dark.css
Prof-Gnome/gtk-3.0/main-light.css
Modified: Prof-Gnome/gtk-3.0/main-dark.css
61 lines changed, 9 insertions(+), 52 deletions(-)
===================================================================
@@ -2780,22 +2780,20 @@ menubar,
-GtkWidget-window-dragging: true;
padding: 0 4px;
background-color: @theme_bg_color;
- box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5);
}
menubar > menuitem,
.menubar > menuitem
{
- border-radius: 3px;
- margin-bottom: 3px;
+ border-radius: 0;
color: @headerbar_text_color;
min-height: 16px;
- padding: 2px 12px;
+ padding: 3px 12px;
}
menubar > menuitem:hover,
.menubar > menuitem:hover
{
- background-image:linear-gradient(shade(@color_accent_3,0.95), shade(@color_accent_3,0.88));
+ background-color: @color_accent;
color: @selected_text_color;
}
@@ -2821,16 +2819,6 @@ menu,
margin: 4px;
padding: 6px 0;
background-color:@menu_bg_color;
- background-image: linear-gradient(to top,
- transparent,
- alpha(@shadows_dark,0.03),
- alpha(@shadows_dark,0.06),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.06),
- alpha(@shadows_dark,0.03),
- transparent);
}
.csd menu,
.csd .menu,
@@ -2842,36 +2830,26 @@ menu,
margin: 4px;
padding: 6px 0;
background-color: alpha(@menu_bg_color,0.985);
- background-image: linear-gradient(to top,
- transparent,
- alpha(@shadows_dark,0.03),
- alpha(@shadows_dark,0.06),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.06),
- alpha(@shadows_dark,0.03),
- transparent);
}
menubar > menuitem menu,
.menubar > menuitem menu
{
- border-radius: 0 0 4.66px 4.66px;
+ border-radius: 0;
}
menubar > menuitem menu menu,
.menubar > menuitem menu menu
{
- border-radius: 4.66px;
+ border-radius: 0;
}
menu menuitem,
.menu menuitem,
.context-menu menuitem
{
color: @text_color;
- border-radius: 4.66px;
- margin-left: 5px;
- margin-right: 5px;
+ border-radius: 0;
+ margin-left: 0;
+ margin-right: 0;
min-height: 16px;
min-width: 40px;
padding: 3px 6px;
@@ -2882,8 +2860,7 @@ menu menuitem:hover,
{
color: @selected_text_color;
- background-color: transparent;
- background-image: linear-gradient(to bottom right, at color_600, at color_700);
+ background-color: @color_accent;
}
menu menuitem:disabled,
@@ -3007,16 +2984,6 @@ popover
padding: 0;
border-radius: 5px;
background-color: @menu_bg_color;
- background-image: linear-gradient(to top,
- transparent,
- alpha(@shadows_dark,0.03),
- alpha(@shadows_dark,0.06),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.06),
- alpha(@shadows_dark,0.03),
- transparent);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
.csd .popover_bg,
@@ -3030,16 +2997,6 @@ popover
padding: 0;
border-radius: 5px;
background-color: alpha(@menu_bg_color,0.985);
- background-image: linear-gradient(to top,
- transparent,
- alpha(@shadows_dark,0.03),
- alpha(@shadows_dark,0.06),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.06),
- alpha(@shadows_dark,0.03),
- transparent);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
popover.background > list,
Modified: Prof-Gnome/gtk-3.0/main-light.css
61 lines changed, 9 insertions(+), 52 deletions(-)
===================================================================
@@ -2776,22 +2776,20 @@ menubar,
-GtkWidget-window-dragging: true;
padding: 0 4px;
background-color: @theme_bg_color;
- box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
}
menubar > menuitem,
.menubar > menuitem
{
- border-radius: 3px;
- margin-bottom: 3px;
+ border-radius: 0;
color: @headerbar_text_color;
min-height: 16px;
- padding: 2px 12px;
+ padding: 3px 12px;
}
menubar > menuitem:hover,
.menubar > menuitem:hover
{
- background-image:linear-gradient(shade(@color_accent_3,0.95), shade(@color_accent_3,0.88));
+ background-color: @color_accent;
color: @selected_text_color;
}
@@ -2814,16 +2812,6 @@ menu,
margin: 4px;
padding: 6px 0;
background-color:@menu_bg_color;
- background-image: linear-gradient(to top,
- transparent,
- alpha(@shadows_dark,0.03),
- alpha(@shadows_dark,0.06),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.06),
- alpha(@shadows_dark,0.03),
- transparent);
@@ -2833,16 +2821,6 @@ menu,
.csd .context-menu
{
background-color: alpha(@menu_bg_color,0.985);
- background-image: linear-gradient(to top,
- transparent,
- alpha(@shadows_dark,0.03),
- alpha(@shadows_dark,0.06),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.06),
- alpha(@shadows_dark,0.03),
- transparent);
border: 1px solid @borders;
@@ -2852,12 +2830,12 @@ menu,
menubar > menuitem menu,
.menubar > menuitem menu
{
- border-radius: 0 0 4.66px 4.66px;
+ border-radius: 0;
}
menubar > menuitem menu menu,
.menubar > menuitem menu menu
{
- border-radius: 4.66px;
+ border-radius: 0;
}
menu menuitem,
.menu menuitem,
@@ -2867,9 +2845,9 @@ menu menuitem,
min-height: 16px;
min-width: 40px;
- border-radius: 4.66px;
- margin-left: 5px;
- margin-right: 5px;
+ border-radius: 0;
+ margin-left: 0;
+ margin-right: 0;
padding: 3px 6px;
}
menu menuitem:hover,
@@ -2878,8 +2856,7 @@ menu menuitem:hover,
{
color: @selected_text_color;
- background-color: transparent;
- background-image: linear-gradient(to bottom right, at color_600, at color_700);
+ background-color: @color_accent;
}
menu menuitem:disabled,
@@ -3002,16 +2979,6 @@ popover
padding: 0;
border-radius: 5px;
background-color: @menu_bg_color;
- background-image: linear-gradient(to top,
- transparent,
- alpha(@shadows_dark,0.03),
- alpha(@shadows_dark,0.06),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.06),
- alpha(@shadows_dark,0.03),
- transparent);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
@@ -3021,16 +2988,6 @@ popover
{ color: @text_color;
background-color: alpha(shade(@menu_bg_color,1),0.985);
- background-image: linear-gradient(to top,
- transparent,
- alpha(@shadows_dark,0.03),
- alpha(@shadows_dark,0.06),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.08),
- alpha(@shadows_dark,0.06),
- alpha(@shadows_dark,0.03),
- transparent);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
--------------
This E-Mail was brought to you by github_commit_mail.py (Source: https://github.com/geany/infrastructure).
More information about the Commits
mailing list