mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-01-19 01:25:36 -05:00
eafe659ec9
* 10712, 10677 - Fixed focus indicators for both main toolbar and cell toolbar. * Removed duplicated line
261 lines
6.6 KiB
CSS
261 lines
6.6 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: 0 16px 0 -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 .notebook-button {
|
|
display: inline-block;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
padding: 0 18px;
|
|
background-size: 13px;
|
|
font-size: 13px;
|
|
height: 21px;
|
|
}
|
|
.notebookEditor .editor-toolbar .actions-container .action-item .notebook-button.masked-icon {
|
|
padding: 0;
|
|
width: 28px;
|
|
}
|
|
|
|
.notebookEditor .in-preview .actions-container .action-item .notebook-button,
|
|
.notebookEditor .in-preview .actions-container .action-item .notebook-button:before {
|
|
display: flex;
|
|
height: 100%;
|
|
}
|
|
|
|
.notebookEditor
|
|
.in-preview
|
|
.actions-container
|
|
.action-item
|
|
.notebook-button.masked-pseudo {
|
|
padding-left: 30px;
|
|
}
|
|
.notebookEditor
|
|
.in-preview
|
|
.actions-container
|
|
.action-item
|
|
.notebook-button.masked-icon:before {
|
|
margin-right: 0;
|
|
padding-left: 18px;
|
|
width: 16px;
|
|
}
|
|
.notebookEditor .in-preview .actions-container .action-item:last-child {
|
|
margin-right: 8px;
|
|
}
|
|
.notebookEditor
|
|
.in-preview
|
|
.actions-container
|
|
.action-item:last-child
|
|
.notebook-button {
|
|
margin-right: 0;
|
|
}
|
|
.notebookEditor
|
|
.in-preview
|
|
.actions-container
|
|
.action-item:last-child
|
|
.notebook-button.fixed-width {
|
|
margin-left: 8px;
|
|
margin-right: -28px;
|
|
}
|
|
.notebookEditor
|
|
.in-preview
|
|
.actions-container
|
|
.action-item
|
|
.notebook-button.fixed-width {
|
|
width: 34px;
|
|
}
|
|
|
|
.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) .notebook-button.icon-add {
|
|
background-image: url("./media/light/add.svg");
|
|
}
|
|
|
|
.vs-dark .notebookEditor :not(.in-preview) .notebook-button.icon-add,
|
|
.hc-black .notebookEditor :not(.in-preview) .notebook-button.icon-add {
|
|
background-image: url("./media/dark/add_inverse.svg");
|
|
}
|
|
|
|
.notebookEditor :not(.in-preview) .notebook-button.icon-run-cells {
|
|
background-image: url("./media/light/run_cells.svg");
|
|
}
|
|
|
|
.vs-dark .notebookEditor :not(.in-preview) .notebook-button.icon-run-cells,
|
|
.hc-black .notebookEditor :not(.in-preview) .notebook-button.icon-run-cells {
|
|
background-image: url("./media/dark/run_cells_inverse.svg");
|
|
}
|
|
|
|
.notebookEditor :not(.in-preview) .notebook-button.icon-trusted {
|
|
background-image: url("./media/light/trusted.svg");
|
|
}
|
|
|
|
.vs-dark .notebookEditor :not(.in-preview) .notebook-button.icon-trusted,
|
|
.hc-black .notebookEditor :not(.in-preview) .notebook-button.icon-trusted {
|
|
background-image: url("./media/dark/trusted_inverse.svg");
|
|
}
|
|
.notebookEditor :not(.in-preview) .notebook-button.icon-notTrusted {
|
|
background-image: url("./media/light/nottrusted.svg");
|
|
}
|
|
|
|
.vs-dark .notebookEditor :not(.in-preview) .notebook-button.icon-notTrusted,
|
|
.hc-black .notebookEditor :not(.in-preview) .notebook-button.icon-notTrusted {
|
|
background-image: url("./media/dark/nottrusted_inverse.svg");
|
|
}
|
|
|
|
.notebookEditor :not(.in-preview) .notebook-button.icon-show-cells {
|
|
background-image: url("./media/light/show_code.svg");
|
|
}
|
|
|
|
.vs-dark .notebookEditor :not(.in-preview) .notebook-button.icon-show-cells,
|
|
.hc-black .notebookEditor :not(.in-preview) .notebook-button.icon-show-cells {
|
|
background-image: url("./media/dark/show_code_inverse.svg");
|
|
}
|
|
|
|
.notebookEditor :not(.in-preview) .notebook-button.icon-hide-cells {
|
|
background-image: url("./media/light/hide_code.svg");
|
|
}
|
|
|
|
.vs-dark .notebookEditor :not(.in-preview) .notebook-button.icon-hide-cells,
|
|
.hc-black .notebookEditor :not(.in-preview) .notebook-button.icon-hide-cells {
|
|
background-image: url("./media/dark/hide_code_inverse.svg");
|
|
}
|
|
|
|
.notebookEditor :not(.in-preview) .notebook-button.icon-clear-results {
|
|
background-image: url("./media/light/clear_results.svg");
|
|
}
|
|
|
|
.vs-dark .notebookEditor :not(.in-preview) .notebook-button.icon-clear-results,
|
|
.hc-black
|
|
.notebookEditor
|
|
:not(.in-preview)
|
|
.notebook-button.icon-clear-results {
|
|
background-image: url("./media/dark/clear_results_inverse.svg");
|
|
}
|
|
|
|
.notebookEditor .in-preview .notebook-button.masked-icon {
|
|
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 {
|
|
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;
|
|
}
|