mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-02-10 18:22:34 -05:00
113 lines
3.5 KiB
CSS
113 lines
3.5 KiB
CSS
/*---------------------------------------------------------------------------------------------
|
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
* Licensed under the Source EULA. See License.txt in the project root for license information.
|
|
*--------------------------------------------------------------------------------------------*/
|
|
|
|
/* Use custom CSS vars to expose padding into parent select for padding calculation */
|
|
.monaco-select-box-dropdown-padding {
|
|
--dropdown-padding-top: 1px;
|
|
--dropdown-padding-bottom: 1px;
|
|
}
|
|
|
|
.hc-black .monaco-select-box-dropdown-padding {
|
|
--dropdown-padding-top: 3px;
|
|
--dropdown-padding-bottom: 4px;
|
|
}
|
|
|
|
.monaco-select-box-dropdown-container {
|
|
display: none;
|
|
-webkit-box-sizing: border-box;
|
|
-o-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-ms-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown * {
|
|
margin: 0;
|
|
}
|
|
|
|
.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown a:focus {
|
|
outline: 1px solid -webkit-focus-ring-color;
|
|
outline-offset: -1px;
|
|
}
|
|
|
|
.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown code {
|
|
line-height: 15px; /** For some reason, this is needed, otherwise <code> will take up 20px height */
|
|
font-family: Menlo, Monaco, Consolas, "Droid Sans Mono", "Courier New", monospace, "Droid Sans Fallback";
|
|
}
|
|
|
|
|
|
.monaco-select-box-dropdown-container.visible {
|
|
display: flex;
|
|
flex-direction: column;
|
|
text-align: left;
|
|
width: 1px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
|
|
flex: 0 0 auto;
|
|
align-self: flex-start;
|
|
padding-top: var(--dropdown-padding-top);
|
|
padding-bottom: var(--dropdown-padding-bottom);
|
|
padding-left: 1px;
|
|
padding-right: 1px;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
-webkit-box-sizing: border-box;
|
|
-o-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-ms-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.monaco-select-box-dropdown-container > .select-box-details-pane {
|
|
padding: 5px;
|
|
}
|
|
|
|
.hc-black .monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
|
|
padding-top: var(--dropdown-padding-top);
|
|
padding-bottom: var(--dropdown-padding-bottom);
|
|
}
|
|
|
|
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-text {
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
padding-left: 3.5px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* Accepted CSS hiding technique for accessibility reader text */
|
|
/* https://webaim.org/techniques/css/invisiblecontent/ */
|
|
|
|
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .visually-hidden {
|
|
position: absolute;
|
|
left: -10000px;
|
|
top: auto;
|
|
width: 1px;
|
|
height: 1px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control {
|
|
flex: 1 1 auto;
|
|
align-self: flex-start;
|
|
opacity: 0;
|
|
}
|
|
|
|
.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div {
|
|
overflow: hidden;
|
|
max-height: 0px;
|
|
}
|
|
|
|
.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div > .option-text-width-control {
|
|
padding-left: 4px;
|
|
padding-right: 8px;
|
|
white-space: nowrap;
|
|
}
|