eae5d8c807
These conflicts will be resolved in the following commits. We do it this way so that PR review is possible.
105 lines
3.1 KiB
CSS
105 lines
3.1 KiB
CSS
/*---------------------------------------------------------------------------------------------
|
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
* Licensed under the MIT License. See License.txt in the project root for license information.
|
|
*--------------------------------------------------------------------------------------------*/
|
|
|
|
/* ---------- Icon label ---------- */
|
|
|
|
.monaco-icon-label {
|
|
display: flex; /* required for icons support :before rule */
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.monaco-icon-label::before {
|
|
|
|
/* svg icons rendered as background image */
|
|
background-size: 16px;
|
|
background-position: left center;
|
|
background-repeat: no-repeat;
|
|
padding-right: 6px;
|
|
width: 16px;
|
|
height: 22px;
|
|
line-height: inherit !important;
|
|
display: inline-block;
|
|
|
|
/* fonts icons */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
vertical-align: top;
|
|
|
|
flex-shrink: 0; /* fix for https://github.com/microsoft/vscode/issues/13787 */
|
|
}
|
|
|
|
.monaco-icon-label > .monaco-icon-label-container {
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
flex: 1;
|
|
}
|
|
|
|
.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name {
|
|
color: inherit;
|
|
white-space: pre; /* enable to show labels that include multiple whitespaces */
|
|
}
|
|
|
|
.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .label-separator {
|
|
margin: 0 2px;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
|
|
opacity: .7;
|
|
margin-left: 0.5em;
|
|
font-size: 0.9em;
|
|
white-space: pre; /* enable to show labels that include multiple whitespaces */
|
|
}
|
|
|
|
.monaco-icon-label.nowrap > .monaco-icon-label-container > .monaco-icon-description-container > .label-description{
|
|
white-space: nowrap
|
|
}
|
|
|
|
.vs .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
|
|
opacity: .95;
|
|
}
|
|
|
|
.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
|
|
.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
|
|
font-style: italic;
|
|
}
|
|
|
|
.monaco-icon-label.deprecated {
|
|
text-decoration: line-through;
|
|
opacity: 0.66;
|
|
}
|
|
|
|
/* make sure apply italic font style to decorations as well */
|
|
.monaco-icon-label.italic::after {
|
|
font-style: italic;
|
|
}
|
|
|
|
.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
|
|
.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.monaco-icon-label::after {
|
|
opacity: 0.75;
|
|
font-size: 90%;
|
|
font-weight: 600;
|
|
padding: 0 16px 0 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* make sure selection color wins when a label is being selected */
|
|
.monaco-list:focus .selected .monaco-icon-label, /* list */
|
|
.monaco-list:focus .selected .monaco-icon-label::after
|
|
{
|
|
color: inherit !important;
|
|
}
|
|
|
|
.monaco-list-row.focused.selected .label-description,
|
|
.monaco-list-row.selected .label-description {
|
|
opacity: .8;
|
|
}
|