Adwaita: popover menu styling

- match existing popover styling for menus

See https://gitlab.gnome.org/GNOME/gtk/-/issues/2675
This commit is contained in:
Jakub Steiner
2020-04-30 12:10:42 +02:00
parent 5a5afc37ff
commit 94bda61f68
3 changed files with 19 additions and 10 deletions

View File

@@ -18,7 +18,8 @@ $link_visited_color: if($variant == 'light', darken($selected_bg_color, 20%), li
$top_hilight: $borders_edge;
$dark_fill: mix($borders_color, $bg_color, 50%);
$headerbar_color: if($variant == 'light', lighten($bg_color, 5%), darken($bg_color, 3%));
$menu_color: if($variant == 'light', $base_color, mix($bg_color, $base_color, 20%));
$menu_color: $bg_color;
$menu_selected_color: $base_color;
$popover_bg_color: $bg_color;
$popover_hover_color: lighten($bg_color, 5%);

View File

@@ -4338,6 +4338,8 @@ menubar {
$_menu-padding: 12px;
/* Popover menu is a popover more than it is a menu */
popover.menu {
padding: 0px;
@@ -4354,7 +4356,7 @@ popover.menu {
outline: none;
transition: none;
&:selected { @extend %selected_items; }
&:selected { background: image($menu_selected_color); }
}
}
@@ -4392,16 +4394,13 @@ popover.menu {
radio {
@include check('menu', 'transparent', $text_color);
&:hover, &:active {
@include check('menu-active', 'transparent', $selected_fg_color);
}
&:hover { @include check('menu-active', 'transparent', $text_color); }
&:active { @include check('menu-active', 'transparent', $text_color); }
}
//only menu radios have a border
radio { border-color: $borders_color;
&:active, &:hover {
border-color: transparentize($selected_fg_color,0.5);
}
&:active { border-color: transparentize($borders_color,0.5); }
}
arrow.left,
@@ -4421,10 +4420,18 @@ popover.menu {
modelbutton {
min-height: 30px;
min-width: 40px;
margin: 0 $_menu-padding/2;
padding: 0 $_menu-padding;
border-radius: 0;
&:selected { @extend %selected_items; }
&:selected {
color: $text-color;
background-color: $menu_selected_color;
}
&:selected:active {
//@extend %selected_items;
//color: $selected_fg_color;
background-color: darken($bg_color,14%); // matching buttons
}
}
label.title {

View File

@@ -9,6 +9,7 @@ $selected_bg_color: darken($selected_bg_color,10%);
$selected_borders_color: darken($selected_borders_color, 10%);
$borders_color: if($variant == 'light', darken($borders_color, 30%), lighten($borders_color, 30%));
$alt_borders_color: if($variant == 'light', darken($alt_borders_color, 33%), lighten($alt_borders_color, 28%));
$menu_selected_color: if($variant == 'light', $base_color, darken($bg_color,10%));
//insensitive state derived colors
$insensitive_fg_color: mix($fg_color, $bg_color, 50%);