1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 |
|
18 |
|
19 |
|
20 |
|
21 |
|
22 | :root {
|
23 | --theia-private-menubar-height: 32px;
|
24 | --theia-private-menu-item-height: 24px;
|
25 | --theia-menu-z-index: 10000;
|
26 | }
|
27 |
|
28 |
|
29 |
|
30 |
|
31 |
|
32 |
|
33 |
|
34 | .p-Widget.p-MenuBar {
|
35 | padding-left: 5px;
|
36 | font-size: var(--theia-ui-font-size1);
|
37 | }
|
38 |
|
39 |
|
40 | .p-MenuBar-menu {
|
41 | transform: translateY(calc(-2*var(--theia-border-width)));
|
42 | }
|
43 |
|
44 |
|
45 | .p-MenuBar-item {
|
46 | padding: 0px 8px;
|
47 | line-height: var(--theia-private-menubar-height);
|
48 | }
|
49 |
|
50 | .p-MenuBar-item .p-MenuBar-itemLabel {
|
51 | white-space: pre;
|
52 | }
|
53 |
|
54 |
|
55 | .p-MenuBar-item.p-mod-active {
|
56 | background: var(--theia-menubar-selectionBackground);
|
57 | color: var(--theia-menubar-selectionForeground);
|
58 | opacity: 1;
|
59 | }
|
60 |
|
61 |
|
62 | .p-MenuBar.p-mod-active .p-MenuBar-item.p-mod-active {
|
63 | z-index: calc(var(--theia-menu-z-index) - 1);
|
64 | background: var(--theia-menubar-selectionBackground);
|
65 | border-left: var(--theia-border-width) solid var(--theia-menubar-selectionBorder);
|
66 | border-right: var(--theia-border-width) solid var(--theia-menubar-selectionBorder);
|
67 | }
|
68 |
|
69 |
|
70 | .p-MenuBar-item.p-mod-disabled {
|
71 | opacity: var(--theia-mod-disabled-opacity);
|
72 | }
|
73 |
|
74 |
|
75 | .p-MenuBar-item.p-type-separator {
|
76 | margin: 2px;
|
77 | padding: 0;
|
78 | border: none;
|
79 | border-left: var(--theia-border-width) solid var(--theia-menu-separatorBackground);
|
80 | }
|
81 |
|
82 |
|
83 | .p-MenuBar-itemMnemonic {
|
84 | text-decoration: underline;
|
85 | }
|
86 |
|
87 |
|
88 | #theia-top-panel {
|
89 | background: var(--theia-titleBar-activeBackground);
|
90 | color: var(--theia-titleBar-activeForeground);
|
91 | display: flex;
|
92 | min-height: var(--theia-private-menubar-height);
|
93 | border-bottom: 1px solid var(--theia-titleBar-border);
|
94 | }
|
95 | #theia-top-panel:window-inactive,
|
96 | #theia-top-panel:-moz-window-inactive {
|
97 | background: var(--theia-titleBar-inactiveBackground);
|
98 | color: var(--theia-titleBar-inactiveForeground);
|
99 | }
|
100 |
|
101 |
|
102 |
|
103 |
|
104 |
|
105 |
|
106 | .p-Menu {
|
107 | z-index: var(--theia-menu-z-index);
|
108 | padding: 4px 0px;
|
109 | background: var(--theia-menu-background);
|
110 | color: var(--theia-menu-foreground);
|
111 | font-size: var(--theia-ui-font-size1);
|
112 | box-shadow: 0px 1px 6px var(--theia-widget-shadow);
|
113 | border: 1px solid var(--theia-menu-border);
|
114 | }
|
115 |
|
116 | .p-Menu:focus {
|
117 | outline: none;
|
118 | }
|
119 |
|
120 | .p-Menu-item {
|
121 | min-height: var(--theia-private-menu-item-height);
|
122 | max-height: var(--theia-private-menu-item-height);
|
123 | padding: 0px;
|
124 | line-height: var(--theia-private-menu-item-height);
|
125 | }
|
126 |
|
127 |
|
128 | .p-Menu-item.p-mod-active {
|
129 | background: var(--theia-menu-selectionBackground);
|
130 | color: var(--theia-menu-selectionForeground);
|
131 | border: thin solid var(--theia-menu-selectionBorder);
|
132 | opacity: 1;
|
133 | cursor: pointer;
|
134 | }
|
135 |
|
136 |
|
137 | .p-Menu-item.p-mod-disabled {
|
138 | opacity: var(--theia-mod-disabled-opacity);
|
139 | }
|
140 |
|
141 |
|
142 | .p-Menu-itemIcon {
|
143 | width: 21px;
|
144 | padding: 0px 2px 0px 4px;
|
145 | margin-top: -2px;
|
146 | }
|
147 |
|
148 |
|
149 | .p-Menu-itemLabel {
|
150 | padding: 0px 32px 0px 2px;
|
151 | }
|
152 |
|
153 |
|
154 | .p-Menu-itemMnemonic {
|
155 | text-decoration: underline;
|
156 | }
|
157 |
|
158 |
|
159 | .p-Menu-itemShortcut {
|
160 | padding: 0px;
|
161 | }
|
162 |
|
163 |
|
164 | .p-Menu-itemSubmenuIcon {
|
165 | width: var(--theia-icon-size);
|
166 | padding: 0px 10px 0px 0px;
|
167 | }
|
168 |
|
169 |
|
170 | .p-Menu-item[data-type='separator'] > div {
|
171 | padding: 0;
|
172 | height: 9px;
|
173 | opacity: 0.36;
|
174 | }
|
175 |
|
176 |
|
177 | .p-Menu-item[data-type='separator'] > div::after {
|
178 | content: '';
|
179 | display: block;
|
180 | position: relative;
|
181 | top: 4px;
|
182 | border-top: var(--theia-border-width) solid var(--theia-menu-separatorBackground);
|
183 | }
|
184 |
|
185 | .p-Menu-item[data-type='separator'] > div.p-Menu-itemIcon::after {
|
186 | margin-left: 12px;
|
187 | }
|
188 |
|
189 | .p-Menu-item[data-type='separator'] > div.p-Menu-itemSubmenuIcon::after {
|
190 | margin-right: 12px;
|
191 | }
|
192 |
|
193 | .p-Menu-itemIcon::before,
|
194 | .p-Menu-itemSubmenuIcon::before {
|
195 | font: normal normal normal 16px/1 codicon;
|
196 | display: inline-block;
|
197 | text-decoration: none;
|
198 | text-rendering: auto;
|
199 | text-align: center;
|
200 | -webkit-font-smoothing: antialiased;
|
201 | -moz-osx-font-smoothing: grayscale;
|
202 | user-select: none;
|
203 | -webkit-user-select: none;
|
204 | -ms-user-select: none;
|
205 | transform: translateY(20%);
|
206 | }
|
207 |
|
208 |
|
209 | .p-Menu-item.p-mod-toggled > .p-Menu-itemIcon::before {
|
210 | content: '\eab2';
|
211 | transform: scale(0.8) translateY(20%);
|
212 | }
|
213 |
|
214 |
|
215 | .p-Menu-item[data-type='submenu'] > .p-Menu-itemSubmenuIcon::before {
|
216 | content: '\eab6';
|
217 | }
|