mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-01-26 09:35:38 -05:00
* Adding light contrast theme
* fixing oe icons
* Fixing more files
* Converting ep files to support hc light
* Revert "Copy Headers for Selected Columns (#21622)"
This reverts commit f74d6f6d9b.
* Adding more css rules
* Fixing modal
* Fixing azure icons
270 lines
7.2 KiB
CSS
270 lines
7.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.
|
|
*--------------------------------------------------------------------------------------------*/
|
|
|
|
.notebookEditor .scrollable {
|
|
padding-top: 16px;
|
|
}
|
|
|
|
.notebookEditor .taskbarSeparator {
|
|
margin: 0px 8px;
|
|
}
|
|
.notebookEditor .editor-toolbar {
|
|
border-bottom-style: solid;
|
|
border-width: 0px 0px 1px 0px;
|
|
}
|
|
|
|
.notebookEditor .notebook-cell {
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
border-width: 1px 1px 1px 4px;
|
|
margin: 8px;
|
|
position: relative;
|
|
}
|
|
|
|
.notebookEditor .notebook-info-label {
|
|
padding-right: 5px;
|
|
text-align: center;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.notebookEditor .actionbar-container .monaco-action-bar > ul.actions-container {
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
min-height: 21px;
|
|
}
|
|
|
|
.notebookEditor .editor-toolbar .actions-container .action-item .codicon.masked-pseudo {
|
|
padding-right: 18px;
|
|
}
|
|
|
|
.notebookEditor .editor-toolbar .actions-container .action-item .codicon {
|
|
display: inline-block;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
padding: 0 0 0 18px;
|
|
background-size: 13px;
|
|
font-size: 13px;
|
|
height: 21px;
|
|
}
|
|
.notebookEditor .editor-toolbar .actions-container .action-item .codicon.masked-icon {
|
|
padding: 0;
|
|
width: 28px;
|
|
}
|
|
|
|
.notebookEditor .in-preview .actions-container .action-item .codicon,
|
|
.notebookEditor .in-preview .actions-container .action-item .codicon:before {
|
|
display: flex;
|
|
padding-right: 0;
|
|
background-size: contain;
|
|
}
|
|
|
|
.notebookEditor
|
|
.in-preview
|
|
.actions-container
|
|
.action-item
|
|
.codicon.masked-pseudo {
|
|
padding-left: 30px;
|
|
}
|
|
.notebookEditor
|
|
.in-preview
|
|
.actions-container
|
|
.action-item
|
|
.codicon.masked-icon:before {
|
|
width: 100%;
|
|
}
|
|
|
|
.notebookEditor .in-preview .actions-container .action-item:last-child {
|
|
margin-right: 14px;
|
|
}
|
|
.notebookEditor
|
|
.in-preview
|
|
.actions-container
|
|
.action-item:last-child
|
|
.codicon {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.notebookEditor .in-preview .actions-container .action-item:last-child .codicon.fixed-width {
|
|
background-size: contain;
|
|
margin-left: 8px;
|
|
padding: 0 0 0 18px;
|
|
}
|
|
|
|
.notebookEditor .labelOnLeftContainer {
|
|
min-width: 100px;
|
|
max-width: 250px;
|
|
margin-right: 20px;
|
|
font-size: 13px;
|
|
text-align: center;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.notebookEditor .in-preview .labelOnLeftContainer {
|
|
margin-right: 14px;
|
|
}
|
|
|
|
/* non-preview */
|
|
.notebookEditor :not(.in-preview) .codicon.icon-add,
|
|
.hc-light .notebookEditor :not(.in-preview) .codicon.icon-add {
|
|
background-image: url("./media/light/add.svg");
|
|
}
|
|
|
|
.vs-dark .notebookEditor :not(.in-preview) .codicon.icon-add,
|
|
.hc-black .notebookEditor :not(.in-preview) .codicon.icon-add {
|
|
background-image: url("./media/dark/add_inverse.svg");
|
|
}
|
|
|
|
.notebookEditor :not(.in-preview) .codicon.icon-run-cells,
|
|
.hc-light .notebookEditor :not(.in-preview) .codicon.icon-run-cells {
|
|
background-image: url("./media/light/run_cells.svg");
|
|
}
|
|
|
|
.vs-dark .notebookEditor :not(.in-preview) .codicon.icon-run-cells,
|
|
.hc-black .notebookEditor :not(.in-preview) .codicon.icon-run-cells {
|
|
background-image: url("./media/dark/run_cells_inverse.svg");
|
|
}
|
|
|
|
.notebookEditor :not(.in-preview) .codicon.icon-trusted,
|
|
.hc-light .notebookEditor :not(.in-preview) .codicon.icon-trusted {
|
|
background-image: url("./media/light/trusted.svg");
|
|
}
|
|
|
|
.vs-dark .notebookEditor :not(.in-preview) .codicon.icon-trusted,
|
|
.hc-black .notebookEditor :not(.in-preview) .codicon.icon-trusted {
|
|
background-image: url("./media/dark/trusted_inverse.svg");
|
|
}
|
|
|
|
.notebookEditor :not(.in-preview) .codicon.icon-notTrusted,
|
|
.hc-light .notebookEditor :not(.in-preview) .codicon.icon-notTrusted {
|
|
background-image: url("./media/light/nottrusted.svg");
|
|
}
|
|
|
|
.vs-dark .notebookEditor :not(.in-preview) .codicon.icon-notTrusted,
|
|
.hc-black .notebookEditor :not(.in-preview) .codicon.icon-notTrusted {
|
|
background-image: url("./media/dark/nottrusted_inverse.svg");
|
|
}
|
|
|
|
.notebookEditor :not(.in-preview) .codicon.icon-show-cells,
|
|
.hc-light .notebookEditor :not(.in-preview) .codicon.icon-show-cells {
|
|
background-image: url("./media/light/show_code.svg");
|
|
}
|
|
|
|
.vs-dark .notebookEditor :not(.in-preview) .codicon.icon-show-cells,
|
|
.hc-black .notebookEditor :not(.in-preview) .codicon.icon-show-cells {
|
|
background-image: url("./media/dark/show_code_inverse.svg");
|
|
}
|
|
|
|
.notebookEditor :not(.in-preview) .codicon.icon-hide-cells,
|
|
.hc-light .notebookEditor :not(.in-preview) .codicon.icon-hide-cells {
|
|
background-image: url("./media/light/hide_code.svg");
|
|
}
|
|
|
|
.vs-dark .notebookEditor :not(.in-preview) .codicon.icon-hide-cells,
|
|
.hc-black .notebookEditor :not(.in-preview) .codicon.icon-hide-cells {
|
|
background-image: url("./media/dark/hide_code_inverse.svg");
|
|
}
|
|
|
|
.notebookEditor :not(.in-preview) .codicon.icon-clear-results,
|
|
.hc-light .notebookEditor :not(.in-preview) .codicon.icon-clear-results {
|
|
background-image: url("./media/light/clear_results.svg");
|
|
}
|
|
|
|
.vs-dark .notebookEditor :not(.in-preview) .codicon.icon-clear-results,
|
|
.hc-black .notebookEditor :not(.in-preview) .codicon.icon-clear-results {
|
|
background-image: url("./media/dark/clear_results_inverse.svg");
|
|
}
|
|
|
|
.notebookEditor .in-preview .codicon.masked-icon,
|
|
.hc-light .nodebookEditor .in-preview .codicon.masked-icon,
|
|
.vs-dark .notebookEditor .in-preview .codicon.icon-clear-results,
|
|
.hc-black .notebookEditor .in-preview .codicon.icon-clear-results {
|
|
background-image: none;
|
|
}
|
|
/* non-preview */
|
|
|
|
.notebookEditor .in-preview .carbon-taskbar.monaco-toolbar .monaco-select-box {
|
|
font-size: inherit;
|
|
border-radius: 0;
|
|
padding: 3px 22px 3px 6px;
|
|
}
|
|
.notebookEditor .in-preview .carbon-taskbar .action-item {
|
|
margin-right: 0;
|
|
}
|
|
.notebookEditor .in-preview .labelOnLeftContainer {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.moreActions .action-label.codicon.toggle-more {
|
|
height: 20px;
|
|
width: 20px;
|
|
}
|
|
|
|
.moreActions.actionhidden {
|
|
visibility: hidden;
|
|
}
|
|
.moreActions .monaco-action-bar {
|
|
margin-left: -12px;
|
|
}
|
|
|
|
.notebookEditor .notebook-cellTable {
|
|
margin-left: 20px;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.notebookEditor .notebook-cellTable .ui-widget-content.slick-row {
|
|
border-left: 1px silver dotted;
|
|
}
|
|
|
|
.notebookEditor .notebook-cellTable .slick-viewport {
|
|
min-height: 39px;
|
|
}
|
|
|
|
.monaco-workbench .notebook-action.new-notebook,
|
|
.monaco-workbench.hc-light .notebook-action.new-notebook {
|
|
background: url("./media/light/new_notebook.svg") center center no-repeat;
|
|
}
|
|
|
|
.monaco-workbench.vs-dark .notebook-action.new-notebook,
|
|
.monaco-workbench.hc-black .notebook-action.new-notebook {
|
|
background: url("./media/dark/new_notebook_inverse.svg") center center
|
|
no-repeat;
|
|
}
|
|
|
|
.notebookEditor .book-nav {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
margin: 25px;
|
|
}
|
|
|
|
.notebookEditor .book-nav .dialog-message-button {
|
|
min-width: 100px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.notebookEditor .hoverButton .addCodeIcon,
|
|
.notebookEditor .hoverButton .addTextIcon {
|
|
display: inline-block;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
width: 10px;
|
|
height: 10px;
|
|
background-size: contain;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.monaco-workbench.mac .notebookEditor .select-container {
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.notebookEditor .editorLoader .loading-spinner {
|
|
height: 40px;
|
|
width: 40px;
|
|
padding: 10px
|
|
}
|