Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
microsoft
GitHub Repository: microsoft/vscode
Path: blob/main/src/vs/base/browser/ui/inputbox/inputBox.css
3296 views
1
/*---------------------------------------------------------------------------------------------
2
* Copyright (c) Microsoft Corporation. All rights reserved.
3
* Licensed under the MIT License. See License.txt in the project root for license information.
4
*--------------------------------------------------------------------------------------------*/
5
6
.monaco-inputbox {
7
position: relative;
8
display: block;
9
padding: 0;
10
box-sizing: border-box;
11
border-radius: 2px;
12
13
/* Customizable */
14
font-size: inherit;
15
}
16
17
.monaco-inputbox > .ibwrapper > .input,
18
.monaco-inputbox > .ibwrapper > .mirror {
19
20
/* Customizable */
21
padding: 4px 6px;
22
}
23
24
.monaco-inputbox > .ibwrapper {
25
position: relative;
26
width: 100%;
27
}
28
29
.monaco-inputbox > .ibwrapper > .input {
30
display: inline-block;
31
box-sizing: border-box;
32
width: 100%;
33
height: 100%;
34
line-height: inherit;
35
border: none;
36
font-family: inherit;
37
font-size: inherit;
38
resize: none;
39
color: inherit;
40
}
41
42
.monaco-inputbox > .ibwrapper > input {
43
text-overflow: ellipsis;
44
}
45
46
.monaco-inputbox > .ibwrapper > textarea.input {
47
display: block;
48
scrollbar-width: none; /* Firefox: hide scrollbars */
49
outline: none;
50
}
51
52
.monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar {
53
display: none; /* Chrome + Safari: hide scrollbar */
54
}
55
56
.monaco-inputbox > .ibwrapper > textarea.input.empty {
57
white-space: nowrap;
58
}
59
60
.monaco-inputbox > .ibwrapper > .mirror {
61
position: absolute;
62
display: inline-block;
63
width: 100%;
64
top: 0;
65
left: 0;
66
box-sizing: border-box;
67
white-space: pre-wrap;
68
visibility: hidden;
69
word-wrap: break-word;
70
}
71
72
/* Context view */
73
74
.monaco-inputbox-container {
75
text-align: right;
76
}
77
78
.monaco-inputbox-container .monaco-inputbox-message {
79
display: inline-block;
80
overflow: hidden;
81
text-align: left;
82
width: 100%;
83
box-sizing: border-box;
84
padding: 0.4em;
85
font-size: 12px;
86
line-height: 17px;
87
margin-top: -1px;
88
word-wrap: break-word;
89
}
90
91
/* Action bar support */
92
.monaco-inputbox .monaco-action-bar {
93
position: absolute;
94
right: 2px;
95
top: 4px;
96
}
97
98
.monaco-inputbox .monaco-action-bar .action-item {
99
margin-left: 2px;
100
}
101
102
.monaco-inputbox .monaco-action-bar .action-item .codicon {
103
background-repeat: no-repeat;
104
width: 16px;
105
height: 16px;
106
}
107
108