UNPKG

3.19 kBCSSView Raw
1/********************************************************************************
2 * Copyright (C) 2022 TypeFox and others.
3 *
4 * This program and the accompanying materials are made available under the
5 * terms of the Eclipse Public License v. 2.0 which is available at
6 * http://www.eclipse.org/legal/epl-2.0.
7 *
8 * This Source Code may also be made available under the following Secondary
9 * Licenses when the conditions for such availability set forth in the Eclipse
10 * Public License v. 2.0 are satisfied: GNU General Public License, version 2
11 * with the GNU Classpath Exception which is available at
12 * https://www.gnu.org/software/classpath/license.html.
13 *
14 * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
15 ********************************************************************************/
16
17.theia-select-component {
18 background-color: var(--theia-dropdown-background);
19 cursor: pointer;
20 outline: var(--theia-dropdown-border) solid 1px;
21 outline-offset: -1px;
22 min-height: 23px;
23 min-width: 90px;
24 padding: 0px 8px;
25 display: flex;
26 align-items: center;
27 user-select: none;
28}
29
30.theia-select-component .theia-select-component-label {
31 width: 100%;
32 color: var(--theia-dropdown-foreground);
33 white-space: nowrap;
34 text-overflow: ellipsis;
35 overflow: hidden;
36}
37
38.theia-select-component:focus {
39 outline-color: var(--theia-focusBorder);
40}
41
42.theia-select-component-dropdown {
43 font-family: var(--theia-ui-font-family);
44 font-size: var(--theia-ui-font-size1);
45 color: var(--theia-foreground);
46 background-color: var(--theia-settings-dropdownBackground);
47 outline: var(--theia-focusBorder) solid 1px;
48 outline-offset: -1px;
49 user-select: none;
50 overflow: auto;
51}
52
53.theia-select-component-dropdown .theia-select-component-option {
54 text-overflow: ellipsis;
55 overflow: hidden;
56 display: flex;
57 padding: 0px 5px;
58 line-height: 22px;
59}
60
61.theia-select-component-dropdown .theia-select-component-description {
62 padding: 6px 5px;
63}
64
65.theia-select-component-dropdown .theia-select-component-description:first-child {
66 border-bottom: 1px solid var(--theia-editorWidget-border);
67 margin-bottom: 2px;
68}
69
70.theia-select-component-dropdown .theia-select-component-description:last-child {
71 border-top: 1px solid var(--theia-editorWidget-border);
72 margin-top: 2px;
73}
74
75.theia-select-component-dropdown .theia-select-component-option .theia-select-component-option-value {
76 width: 100%;
77}
78
79.theia-select-component-dropdown .theia-select-component-option .theia-select-component-option-detail {
80 padding-left: 4px;
81}
82
83.theia-select-component-dropdown .theia-select-component-option:not(.selected) .theia-select-component-option-detail {
84 color: var(--theia-textLink-foreground);
85}
86
87.theia-select-component-dropdown .theia-select-component-option.selected {
88 color: var(--theia-list-activeSelectionForeground);
89 cursor: pointer;
90 background: var(--theia-list-activeSelectionBackground);
91}
92
93.theia-select-component-dropdown .theia-select-component-separator {
94 width: 84px;
95 height: 1px;
96 margin: 3px 3px;
97 background: var(--theia-foreground);
98}