|
19 | 19 | }
|
20 | 20 |
|
21 | 21 | .monaco-workbench .part.statusbar.status-border-top::after {
|
22 |
| - content: ""; |
| 22 | + content: ''; |
23 | 23 | position: absolute;
|
24 | 24 | top: 0;
|
25 | 25 | left: 0;
|
|
37 | 37 |
|
38 | 38 | .monaco-workbench .part.statusbar > .right-items {
|
39 | 39 | flex-direction: row-reverse;
|
40 |
| - flex-wrap: wrap |
41 |
| - /* ensures that the most right elements wrap last when space is little */; |
| 40 | + flex-wrap: wrap /* ensures that the most right elements wrap last when space is little */; |
42 | 41 | }
|
43 | 42 |
|
44 | 43 | .monaco-workbench .part.statusbar > .left-items {
|
45 | 44 | flex-grow: 1; /* left items push right items to the far right end */
|
46 | 45 | }
|
47 | 46 |
|
48 |
| -.monaco-workbench .part.statusbar > .items-container > .statusbar-item { |
| 47 | +.monaco-workbench .part.statusbar > .items-container > .statusbar-item { |
49 | 48 | display: inline-block;
|
50 | 49 | line-height: 22px;
|
51 | 50 | height: 100%;
|
52 | 51 | vertical-align: top;
|
53 | 52 | max-width: 40vw;
|
54 | 53 | }
|
55 | 54 |
|
56 |
| -.monaco-workbench |
57 |
| - .part.statusbar |
58 |
| - > .items-container |
59 |
| - > .statusbar-item.has-beak { |
| 55 | +.monaco-workbench .part.statusbar > .items-container > .statusbar-item.has-beak { |
60 | 56 | position: relative;
|
61 | 57 | }
|
62 | 58 |
|
63 |
| -.monaco-workbench |
64 |
| - .part.statusbar |
65 |
| - > .items-container |
66 |
| - > .statusbar-item.has-beak:before { |
67 |
| - content: ""; |
| 59 | +.monaco-workbench .part.statusbar > .items-container > .statusbar-item.has-beak:before { |
| 60 | + content: ''; |
68 | 61 | position: absolute;
|
69 | 62 | left: 10px;
|
70 | 63 | top: -5px;
|
|
74 | 67 | border-right: 5px solid transparent;
|
75 | 68 | }
|
76 | 69 |
|
77 |
| -.monaco-workbench |
78 |
| - .part.statusbar |
79 |
| - > .items-container |
80 |
| - > .statusbar-item |
81 |
| - > :first-child { |
| 70 | +.monaco-workbench .part.statusbar > .items-container > .statusbar-item > :first-child { |
82 | 71 | margin-right: 3px;
|
83 | 72 | margin-left: 3px;
|
84 | 73 | }
|
85 | 74 |
|
86 |
| -.monaco-workbench |
87 |
| - .part.statusbar |
88 |
| - > .items-container |
89 |
| - > .statusbar-item.compact-left |
90 |
| - > :first-child { |
| 75 | +.monaco-workbench .part.statusbar > .items-container > .statusbar-item.compact-left > :first-child { |
91 | 76 | margin-right: 3px;
|
92 | 77 | margin-left: 0;
|
93 | 78 | }
|
94 | 79 |
|
95 |
| -.monaco-workbench |
96 |
| - .part.statusbar |
97 |
| - > .items-container |
98 |
| - > .statusbar-item.compact-right |
99 |
| - > :first-child { |
| 80 | +.monaco-workbench .part.statusbar > .items-container > .statusbar-item.compact-right > :first-child { |
100 | 81 | margin-right: 0;
|
101 | 82 | margin-left: 3px;
|
102 | 83 | }
|
103 | 84 |
|
104 |
| -.monaco-workbench |
105 |
| - .part.statusbar |
106 |
| - > .items-container |
107 |
| - > .statusbar-item.left.first-visible-item { |
| 85 | +.monaco-workbench .part.statusbar > .items-container > .statusbar-item.left.first-visible-item { |
108 | 86 | padding-left: 7px; /* Add padding to the most left status bar item */
|
109 | 87 | }
|
110 | 88 |
|
111 |
| -.monaco-workbench |
112 |
| - .part.statusbar |
113 |
| - > .items-container |
114 |
| - > .statusbar-item.right.last-visible-item { |
| 89 | +.monaco-workbench .part.statusbar > .items-container > .statusbar-item.right.last-visible-item { |
115 | 90 | padding-right: 7px; /* Add padding to the most right status bar item */
|
116 | 91 | }
|
117 | 92 |
|
118 | 93 | /* Tweak appearance for items with background to improve hover feedback */
|
119 |
| -.monaco-workbench |
120 |
| - .part.statusbar |
121 |
| - > .items-container |
122 |
| - > .statusbar-item.has-background-color.left.first-visible-item, |
123 |
| -.monaco-workbench |
124 |
| - .part.statusbar |
125 |
| - > .items-container |
126 |
| - > .statusbar-item.has-background-color.right.last-visible-item { |
| 94 | +.monaco-workbench .part.statusbar > .items-container > .statusbar-item.has-background-color.left.first-visible-item, |
| 95 | +.monaco-workbench .part.statusbar > .items-container > .statusbar-item.has-background-color.right.last-visible-item { |
127 | 96 | padding-right: 0;
|
128 | 97 | padding-left: 0;
|
129 | 98 | }
|
130 | 99 |
|
131 |
| -.monaco-workbench |
132 |
| - .part.statusbar |
133 |
| - > .items-container |
134 |
| - > .statusbar-item.has-background-color |
135 |
| - > :first-child { |
| 100 | +.monaco-workbench .part.statusbar > .items-container > .statusbar-item.has-background-color > :first-child { |
136 | 101 | margin-right: 0;
|
137 | 102 | margin-left: 0;
|
138 | 103 | padding-left: 10px;
|
139 | 104 | padding-right: 10px;
|
140 | 105 | }
|
141 | 106 |
|
142 |
| -.monaco-workbench |
143 |
| - .part.statusbar |
144 |
| - > .items-container |
145 |
| - > .statusbar-item.compact-left.has-background-color |
146 |
| - > :first-child { |
| 107 | +.monaco-workbench .part.statusbar > .items-container > .statusbar-item.compact-left.has-background-color > :first-child { |
147 | 108 | padding-left: 3px;
|
148 | 109 | padding-right: 10px;
|
149 | 110 | }
|
150 | 111 |
|
151 |
| -.monaco-workbench |
152 |
| - .part.statusbar |
153 |
| - > .items-container |
154 |
| - > .statusbar-item.compact-right.has-background-color |
155 |
| - > :first-child { |
| 112 | +.monaco-workbench .part.statusbar > .items-container > .statusbar-item.compact-right.has-background-color > :first-child { |
156 | 113 | padding-left: 10px;
|
157 | 114 | padding-right: 3px;
|
158 | 115 | }
|
|
169 | 126 | outline-width: 0px; /* do not render focus outline, we already have background */
|
170 | 127 | }
|
171 | 128 |
|
172 |
| -.monaco-workbench |
173 |
| - .part.statusbar |
174 |
| - > .items-container |
175 |
| - > .statusbar-item.compact-left |
176 |
| - > a { |
| 129 | +.monaco-workbench .part.statusbar > .items-container > .statusbar-item.compact-left > a { |
177 | 130 | padding: 0 5px 0 3px;
|
178 | 131 | }
|
179 | 132 |
|
180 |
| -.monaco-workbench |
181 |
| - .part.statusbar |
182 |
| - > .items-container |
183 |
| - > .statusbar-item.compact-right |
184 |
| - > a { |
| 133 | +.monaco-workbench .part.statusbar > .items-container > .statusbar-item.compact-right > a { |
185 | 134 | padding: 0 3px 0 5px;
|
186 | 135 | }
|
187 | 136 |
|
188 |
| -.monaco-workbench |
189 |
| - .part.statusbar |
190 |
| - > .items-container |
191 |
| - > .statusbar-item |
192 |
| - > a:hover:not(.disabled) { |
| 137 | +.monaco-workbench .part.statusbar > .items-container > .statusbar-item > a:hover:not(.disabled) { |
193 | 138 | text-decoration: none;
|
194 | 139 | }
|
195 | 140 |
|
196 |
| -.monaco-workbench |
197 |
| - .part.statusbar |
198 |
| - > .items-container |
199 |
| - > .statusbar-item |
200 |
| - > a.disabled { |
| 141 | +.monaco-workbench .part.statusbar > .items-container > .statusbar-item > a.disabled { |
201 | 142 | cursor: default;
|
202 | 143 | }
|
203 | 144 |
|
204 |
| -.monaco-workbench |
205 |
| - .part.statusbar |
206 |
| - > .items-container |
207 |
| - > .statusbar-item |
208 |
| - span.codicon { |
| 145 | +.monaco-workbench .part.statusbar > .items-container > .statusbar-item span.codicon { |
209 | 146 | text-align: center;
|
210 | 147 | font-size: 14px;
|
211 | 148 | color: inherit;
|
|
0 commit comments