Files
azuredatastudio/src/vs/editor/contrib/referenceSearch/media/peekViewWidget.css
2019-06-11 12:35:58 -07:00

108 lines
3.2 KiB
CSS

/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the Source EULA. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
.monaco-editor .peekview-widget .head {
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
display: flex;
}
.monaco-editor .peekview-widget .head .peekview-title {
display: inline-block;
font-size: 13px;
margin-left: 20px;
cursor: pointer;
}
.monaco-editor .peekview-widget .head .peekview-title .icon {
display: inline-block;
height: 16px;
width: 16px;
vertical-align: text-bottom;
margin-right: 4px;
}
.monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty) {
font-size: 0.9em;
margin-left: 0.5em;
}
.monaco-editor .peekview-widget .head .peekview-actions {
flex: 1;
text-align: right;
padding-right: 2px;
}
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar {
display: inline-block;
}
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar,
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar > .actions-container {
height: 100%;
}
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar .action-item {
margin-left: 4px;
}
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar .action-label {
width: 16px;
height: 100%;
margin: 0;
line-height: inherit;
background-repeat: no-repeat;
background-position: center center;
}
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar .action-label.octicon {
margin: 0;
}
.monaco-editor .peekview-widget .head .peekview-actions .action-label.icon.close-peekview-action {
background: url('close.svg') center center no-repeat;
}
.monaco-editor .peekview-widget > .body {
border-top: 1px solid;
position: relative;
}
/* Dark Theme */
/* High Contrast Theme */
.monaco-editor.hc-black .peekview-widget .head .peekview-actions .action-label.icon.close-peekview-action,
.monaco-editor.vs-dark .peekview-widget .head .peekview-actions .action-label.icon.close-peekview-action {
background: url('close-inverse.svg') center center no-repeat;
}
.monaco-editor .peekview-widget .peekview-actions .icon.chevron-up {
background: url('chevron-up-inverse.svg') center center no-repeat;
}
.vs-dark .monaco-editor .peekview-widget .peekview-actions .icon.chevron-up {
background: url('chevron-up.svg') center center no-repeat;
}
.hc-black .monaco-editor .peekview-widget .peekview-actions .icon.chevron-up {
background: url('chevron-up-inverse-hc.svg') center center no-repeat;
}
.monaco-editor .peekview-widget .peekview-actions .icon.chevron-down {
background: url('chevron-down-inverse.svg') center center no-repeat;
}
.vs-dark .monaco-editor .peekview-widget .peekview-actions .icon.chevron-down {
background: url('chevron-down.svg') center center no-repeat;
}
.hc-black .monaco-editor .peekview-widget .peekview-actions .icon.chevron-down {
background: url('chevron-down-hc.svg') center center no-repeat;
}