fixed some menu bugs
This commit is contained in:
parent
f3066b216e
commit
f3a5096b5b
|
@ -23,11 +23,11 @@ $purple: #673ab7;
|
||||||
$borders_color: if($variant == 'light', darken($bg_color,20%), darken($bg_color,10%));
|
$borders_color: if($variant == 'light', darken($bg_color,20%), darken($bg_color,10%));
|
||||||
$borders_edge: if($variant == 'light', transparentize(white, 0.8), transparentize(white, 0.9));
|
$borders_edge: if($variant == 'light', transparentize(white, 0.8), transparentize(white, 0.9));
|
||||||
$selected_fg_color: #ffffff;
|
$selected_fg_color: #ffffff;
|
||||||
$selected_bg_color: if($variant == 'light', $blue, lighten($blue,10%));
|
$selected_bg_color: if($variant == 'light', darken($blue,5%), $blue);
|
||||||
$selected_borders_color: if($variant == 'light', darken($selected_bg_color, 10%), $borders_color);
|
$selected_borders_color: if($variant == 'light', darken($selected_bg_color, 10%), $borders_color);
|
||||||
$link_color: blue;
|
$link_color: blue;
|
||||||
$link_visited_color:transparentize($link_color,0.5);
|
$link_visited_color:transparentize($link_color,0.5);
|
||||||
$top_highlight: if($variant == 'light', transparentize(white, 0.8), transparentize(white, 0.7));
|
$top_highlight: if($variant == 'light', transparentize(white, 0.8), transparentize(white, 0.9));
|
||||||
$bottom_highlight: if($variant == 'light', transparentize(white, 0.7), transparentize(white, 0.9));
|
$bottom_highlight: if($variant == 'light', transparentize(white, 0.7), transparentize(white, 0.9));
|
||||||
$dark_fill: mix($borders_color, $bg_color, 35%);
|
$dark_fill: mix($borders_color, $bg_color, 35%);
|
||||||
$menu_color: if($variant == 'light', $base_color, mix($bg_color, $base_color, 20%));
|
$menu_color: if($variant == 'light', $base_color, mix($bg_color, $base_color, 20%));
|
||||||
|
|
|
@ -3,63 +3,66 @@
|
||||||
**********/
|
**********/
|
||||||
|
|
||||||
$budgie_panel_bg_color: if($variant == 'light', $bg_color, #263238);
|
$budgie_panel_bg_color: if($variant == 'light', $bg_color, #263238);
|
||||||
$budgie_panel_fg_color: if($variant == 'light', $fg_color, #cfd8dc);;
|
$budgie_panel_fg_color: if($variant == 'light', $fg_color, #fff);
|
||||||
|
|
||||||
|
|
||||||
|
$pos_list: ((top, bottom),(bottom,top),(left,right),(right,left));
|
||||||
|
|
||||||
@function gtkalpha($c,$a) {
|
@function gtkalpha($c,$a) {
|
||||||
@return unquote("alpha(#{$c},#{$a})");
|
@return unquote("alpha(#{$c},#{$a})");
|
||||||
}
|
}
|
||||||
|
|
||||||
$pos_list: ((top, bottom),(bottom,top),(left,right),(right,left));
|
%app_indicators {
|
||||||
$asset_suffix: if($variant == 'default', '', '-hc');
|
|
||||||
|
|
||||||
%underscores {
|
&:hover {
|
||||||
&:hover { background-color: transparentize(black, 0.9); }
|
background-color: transparentize(black, 0.9);
|
||||||
&:active, &:checked { background-color: transparentize(black, 0.8); }
|
}
|
||||||
|
|
||||||
@each $pos, $b_pos in $pos_list {
|
&:active,
|
||||||
|
&:checked {
|
||||||
|
// background-color: transparentize(black, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
@each $pos, $alt_pos in $pos_list {
|
||||||
.#{$pos} & {
|
.#{$pos} & {
|
||||||
border-#{$b_pos}: 2px solid transparentize($budgie_panel_bg_color, 1.0);
|
|
||||||
border-#{$pos}: 2px solid transparentize($budgie_panel_bg_color, 1.0);
|
|
||||||
|
|
||||||
@at-root {
|
@at-root {
|
||||||
.#{$pos} .budgie-panel .unpinned .launcher,
|
.#{$pos} .budgie-panel .unpinned .launcher,
|
||||||
.#{$pos} .budgie-panel .pinned .launcher.running { border-#{$pos}: 2px solid transparentize($selected_bg_color, 0.5); }
|
.#{$pos} .budgie-panel .pinned .launcher.running {
|
||||||
|
border-#{$pos}: 2px solid transparentize($budgie_panel_fg_color, 0.8);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
border-#{$b_pos}: 2px solid transparentize(black, 0.9);
|
border-#{$pos}: 3px solid transparentize($budgie_panel_fg_color, 0.5);
|
||||||
border-#{$pos}: 2px solid transparentize($selected_bg_color, 0.5);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active, &:checked {
|
&:active,
|
||||||
border-#{$b_pos}: 2px solid transparentize(black, 0.8);
|
&:checked {
|
||||||
border-#{$pos}: 2px solid $selected_bg_color;
|
border-#{$pos}: 3px solid $budgie_panel_fg_color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Positional Styles
|
// Positional Styles
|
||||||
@each $pos, $b_pos in $pos_list {
|
@each $pos, $alt_pos in $pos_list {
|
||||||
|
|
||||||
// Panel borders
|
// Panel borders
|
||||||
.#{$pos} .budgie-panel {
|
.#{$pos} .budgie-panel {
|
||||||
border-#{$b_pos}: 1px solid transparentize(black,0.8);
|
border-#{$alt_pos}: 1px solid transparentize(black,0.8);
|
||||||
box-shadow:inset 0 1px 0 0 transparentize(white,0.9);
|
box-shadow:inset 0 1px 0 0 transparentize(white,0.9);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Raven borders
|
// Raven borders
|
||||||
.#{$pos} .raven-frame {
|
.#{$pos} .raven-frame {
|
||||||
border-#{$b_pos}: 1px solid transparentize(black, 0.2);
|
border-#{$alt_pos}: 1px solid transparentize(black, 0.2);
|
||||||
box-shadow:inset 0 0 0 1px transparentize(white, 0.7);
|
box-shadow:inset 0 0 0 1px transparentize(white, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Shadows
|
// Shadows
|
||||||
.#{$pos} .shadow-block {
|
.#{$pos} .shadow-block {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: linear-gradient(to $b_pos,
|
background-image: linear-gradient(to $alt_pos,
|
||||||
$shadow_color,
|
$shadow_color,
|
||||||
transparent,
|
transparent,
|
||||||
transparent);
|
transparent);
|
||||||
|
@ -79,6 +82,7 @@ $asset_suffix: if($variant == 'default', '', '-hc');
|
||||||
|
|
||||||
// Budgie Menu
|
// Budgie Menu
|
||||||
.budgie-menu {
|
.budgie-menu {
|
||||||
|
|
||||||
GtkSearchEntry.entry:not(:selected) {
|
GtkSearchEntry.entry:not(:selected) {
|
||||||
border: none;
|
border: none;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
@ -136,7 +140,7 @@ $asset_suffix: if($variant == 'default', '', '-hc');
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
border: none;
|
border: none;
|
||||||
|
|
||||||
@extend %underscores;
|
@extend %app_indicators;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -155,11 +159,19 @@ $asset_suffix: if($variant == 'default', '', '-hc');
|
||||||
.unpinned {
|
.unpinned {
|
||||||
.launcher,
|
.launcher,
|
||||||
.launcher.running {
|
.launcher.running {
|
||||||
@extend %underscores;
|
@extend %app_indicators;
|
||||||
|
padding: 2px 6px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Panel borders
|
||||||
|
.bottom .budgie-panel {
|
||||||
|
border: none;
|
||||||
|
box-shadow:none;
|
||||||
|
background:none;
|
||||||
|
}
|
||||||
|
|
||||||
// Raven
|
// Raven
|
||||||
|
|
||||||
.raven {
|
.raven {
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
@ -25,17 +25,10 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
%menu,
|
%menu {
|
||||||
.content-view .menu,
|
|
||||||
.menu,
|
|
||||||
.popup {
|
|
||||||
padding: 4px 0px;
|
padding: 4px 0px;
|
||||||
background-color: $menu_color;
|
background-color: $menu_color;
|
||||||
border: 1px solid $borders_color;
|
border: 1px solid $borders_color;
|
||||||
border-radius: 4px;
|
|
||||||
box-shadow: 0 2px 4px 0 transparentize(black,0.9), inset 0 1px 0 0 $top_highlight;
|
|
||||||
|
|
||||||
.csd & {border: none;}
|
|
||||||
|
|
||||||
&:backdrop { background-color: $backdrop_menu_color; }
|
&:backdrop { background-color: $backdrop_menu_color; }
|
||||||
|
|
||||||
|
@ -72,8 +65,13 @@
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
|
// separator
|
||||||
|
&.separator {
|
||||||
|
color: transparentize(black, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
// overflow arrows
|
// overflow arrows
|
||||||
> .arrow {
|
> .arrow {
|
||||||
@include button(undecorated);
|
@include button(undecorated);
|
||||||
|
@ -106,13 +104,29 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.menuitem {
|
.menuitem {
|
||||||
.accelerator { color: gtkalpha(currentColor,0.55); }
|
&.accelerator { color: gtkalpha(currentColor,0.55);}
|
||||||
|
|
||||||
.check,
|
&.check,
|
||||||
.radio {
|
&.radio {
|
||||||
|
padding:4px;
|
||||||
|
|
||||||
&:dir(ltr) { margin-right: 7px; }
|
&:dir(ltr) { margin-right: 7px;}
|
||||||
&:dir(rtl) { margin-left: 7px; }
|
&:dir(rtl) { margin-left: 7px; }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.menu {
|
||||||
|
@extend %menu;
|
||||||
|
box-shadow: inset 0 1px 0 0 $top_highlight;
|
||||||
|
|
||||||
|
.csd & {border: none;}
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-view .menu,
|
||||||
|
.popup,
|
||||||
|
.context-menu {
|
||||||
|
@extend %menu;
|
||||||
|
box-shadow: 0 2px 4px 0 transparentize(black,0.9), inset 0 1px 0 0 $top_highlight;
|
||||||
|
}
|
||||||
|
|
|
@ -15,7 +15,7 @@ GtkSwitch {
|
||||||
color: transparent;
|
color: transparent;
|
||||||
|
|
||||||
background-color: transparentize(black,0.9);
|
background-color: transparentize(black,0.9);
|
||||||
box-shadow: inset 0 0 0 1px transparentize(black,0.9), 0px 1px $bottom_highlight;
|
box-shadow: if($variant == 'light', (inset 0 0 0 1px transparentize(black,0.9), 0px 1px $bottom_highlight), (inset 0 0 0 1px transparentize(black,0.75), 0px 1px $bottom_highlight));
|
||||||
|
|
||||||
&:insensitive {
|
&:insensitive {
|
||||||
background-color: $insensitive_base_color;
|
background-color: $insensitive_base_color;
|
||||||
|
|
Loading…
Reference in New Issue