Differential D22877 Diff 63209 src/gtk3/widgets/_menus.scss

Changeset View

Standalone View

View Options

src/gtk3/widgets/_menus.scss

1@charset "UTF-8"; 1​@charset "UTF-8";
2 2​
3​@mixin item-highlight {
4​ @if $new-highlight {
5​ background-color: gtk("@theme_selected_bg_color");
6​ color: gtk("@theme_button_foreground_active");
7​ border: 1px solid gtk("@theme_button_decoration_focus");
8​ } @else {
9​ background-color: gtk("@theme_button_decoration_focus");
10​ color: gtk("@theme_button_foreground_active")
11​ }
12​ border-radius: 3px;
13​}
14​
3/********* 15​/*********
4 * Menus * 16​ * Menus *
5 *********/ 17​ *********/
6 18​
7 ​
8menubar, 19​menubar,
9.menubar { 20​.menubar {
10 -GtkWidget-window-dragging: true; 21​ -GtkWidget-window-dragging: true;
11 padding: 0px; 22​ padding: 0px;
12 box-shadow: none; 23​ box-shadow: none;
13 border-style: none; 24​ border-style: none;
14 background-color: w_color(normal); 25​ background-color: gtk("@theme_bg_color");
26​
15 &:backdrop { 27​ &:backdrop {
16 background-color: backdrop(w_color(normal)); 28​ background-color: gtk("@theme_unfocused_bg_color");
17 } 29​ }
30​
18 > menuitem { 31​ >menuitem {
19 min-height: 16px; 32​ min-height: 16px;
20 padding: 4px 6px; 33​ padding: 4px 6px;
21 &:hover { //Seems like it :hover even with keyboard focus 34​ border-bottom: 3px solid transparent;
22 background-color: b_color(active); 35​
23 color: b_color(active-text); 36​ &:hover {
37​ //Seems like it :hover even with keyboard focus
38​ background-color: gtkalpha(gtk("@theme_button_decoration_focus"), 0.3);
39​ color: gtk("@theme_button_foreground_active");
40​ border-bottom: 3px solid gtk("@theme_button_decoration_focus");
24 } 41​ }
42​
25 &:disabled { 43​ &:disabled {
26 color: insensitive(w_color(text)); 44​ color: gtk("@insensitive_fg_color");
27 box-shadow: none; 45​ box-shadow: none;
46​
28 &:backdrop { 47​ &:backdrop {
29 background-color: backdrop(w_color(normal)); 48​ background-color: gtk("@theme_unfocused_bg_color");
30 color: backdrop(insensitive(w_color(text))); 49​ color: gtk("@insensitive_unfocused_fg_color");
31 } 50​ }
32 } 51​ }
52​
33 &:backdrop { 53​ &:backdrop {
34 background-color: backdrop(w_color(normal)); 54​ background-color: gtk("@theme_unfocused_bg_color");
35 color: backdrop(w_color(text)); 55​ color: gtk("@theme_unfocused_fg_color");
36 } 56​ }
37 } 57​ }
38} 58​}
39 59​
40menu, 60​menu,
41.menu { 61​.menu {
42 padding: 0px; 62​ padding: 0px;
43 background-color: $menu_color; 63​ background-color: gtk("@theme_bg_color");
44 border: 0px solid transparent; 64​ border: 0px solid transparent;
45 // FIXME workaround for libreoffice gtk3, should be a border 65​ // FIXME workaround for libreoffice gtk3, should be a border
46 //border: 1px solid $border_color; // adds borders in a non composited env 66​ //border: 1px solid $border_color; // adds borders in a non composited env
47 box-shadow: inset 0px 0px 0px 1px $border_color; 67​ box-shadow: inset 0px 0px 0px 1px gtk("@borders");
48 68​
49 border-radius: $r; 69​ border-radius: $r;
70​
50 .csd & { 71​ .csd & {
51 //background-color: transparent; 72​ //background-color: transparent;
52 border: 0px solid; 73​ border: 0px solid;
53 border-radius: $r; 74​ border-radius: $r;
54 //box-shadow: 0px 0px 0px 1px $border_color, 2px 2px 2px 1px rgba(0, 0, 0, 0.1); 75​ //box-shadow: 0px 0px 0px 1px $border_color, 2px 2px 2px 1px rgba(0, 0, 0, 0.1);
55 } // axes borders in a composited env 76​ }
77​
78​ // axes borders in a composited env
56 separator { 79​ separator {
57 color: $border_color; 80​ color: gtk("@borders");
58 margin-top: 3px; ​
59 margin-bottom: 3px; ​
60 } 81​ }
82​
61 menuitem { 83​ menuitem {
62 text-shadow: none; 84​ text-shadow: none;
63 min-height: 16px; 85​ min-height: 16px;
64 min-width: 40px; 86​ min-width: 40px;
65 padding: 4px 4px; 87​ padding: 4px 4px;
88​
89​ @if $new-highlight{
90​ border: 1px solid transparent;
91​ margin: 4px;
92​ }
93​
66 &:hover { 94​ &:hover {
67 color: b_color(active-text); 95​ @include item-highlight();
68 background-color: b_color(active); ​
69 } 96​ }
97​
70 &:disabled { 98​ &:disabled {
71 color: insensitive(w_color(text)); 99​ color: gtk("@insensitive_fg_color");
72 &:backdrop { color: backdrop(insensitive(w_color(text))); } 100​
101​ &:backdrop {
102​ color: gtk("@insensitive_unfocused_fg_color");
73 } 103​ }
74 &:backdrop, &:backdrop:hover { ​
75 color: backdrop(w_color(text)); ​
76 background-color: backdrop(w_color(normal)); ​
77 } 104​ }
105​
106​ &:backdrop,
107​ &:backdrop:hover {
108​ color: gtk("@theme_unfocused_fg_color");
109​ background-color: gtk("@theme_unfocused_bg_color");
110​ }
111​
78 // submenu indicators 112​ // submenu indicators
79 arrow { 113​ arrow {
80 min-height: 16px; 114​ min-height: 16px;
81 min-width: 16px; 115​ min-width: 16px;
82 116​
83 &:dir(ltr) { 117​ &:dir(ltr) {
84 -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); 118​ -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
85 margin-left: 10px; 119​ margin-left: 10px;
86 } 120​ }
87 121​
88 &:dir(rtl) { 122​ &:dir(rtl) {
89 -gtk-icon-source:-gtk-icontheme('pan-start-symbolic'); 123​ -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
90 margin-right: 10px; 124​ margin-right: 10px;
91 } 125​ }
92 } 126​ }
93 } 127​ }
128​
94 // overflow arrows 129​ // overflow arrows
95 > arrow { 130​ >arrow {
96 @include button(undecorated); 131​ @include button(undecorated);
97 132​
98 min-height: 16px; 133​ min-height: 16px;
99 min-width: 16px; 134​ min-width: 16px;
100 padding: 4px; 135​ padding: 4px;
101 background-color: transparent; 136​ background-color: transparent;
102 border-radius: 0; 137​ border-radius: 0;
103 138​
▲ Show 20 Lines • Show All 156 Lines • Show Last 20 Lines