Files
azuredatastudio/src/sql/workbench/contrib/notebook/browser/notebook.css
Aasim Khan d3f4f0daa4 Adding light contrast theme (#22028)
* 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
2023-03-06 17:31:27 -08:00

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
}