random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2026-01-05 18:47:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Switch notebook editor from Monaco back to Code Mirror (#901)

Browse Source
This commit is contained in:
Laurent Nguyen
2021-06-23 21:05:52 +02:00
committed by GitHub
parent 738a02a0f3
commit 6b35ab03f2
10 changed files with 267 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

166
src/Explorer/Notebook/NotebookRenderer/NotebookRenderer.less
View File

@@ -3,110 +3,122 @@
@HighlightColor: #0078d4;
.NotebookRendererContainer {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
}
.NotebookRenderer {
overflow: auto;
flex-grow: 1;
overflow: auto;
flex-grow: 1;
.nteract-cells {
padding-top: 0px;
.nteract-cells {
padding-top: 0px;
}
.nteract-cell-container {
margin-bottom: 10px;
.nteract-cell {
padding: 0.5px;
border: 1px solid #ffffff;
border-left: 3px solid #ffffff;
.CellContextMenuButton {
position: sticky;
z-index: 1;
top: 0px;
right: 0px;
margin: 0px 0px 0px -100%;
float: right;
visibility: hidden;
}
}
.nteract-cell-container {
margin-bottom: 10px;
.nteract-cell {
padding: 0.5px;
border: 1px solid #ffffff;
border-left: 3px solid #ffffff;
.CellContextMenuButton {
position: sticky;
z-index: 1;
top: 0px;
right: 0px;
margin: 0px 0px 0px -100%;
float: right;
visibility: hidden;
}
}
.CodeMirror-scroll, .CodeMirror-linenumber, .CodeMirror-gutters {
background-color: #f5f5f5;
}
.nteract-cell:hover {
border: 1px solid @HoverColor;
border-left: 3px solid @HoverColor;
.CellContextMenuButton {
visibility: visible;
}
}
.CodeMirror-scroll {
overflow: hidden !important;
}
.nteract-cell-container.selected {
.nteract-cell {
border: 1px solid @HighlightColor;
border-left: 3px solid @HighlightColor;
}
.CodeMirror-scroll,
.CodeMirror-linenumber,
.CodeMirror-gutters {
background-color: #f5f5f5;
}
// White background when hovered or selected
.nteract-cell:hover, .nteract-cell-container.selected .nteract-cell {
.CodeMirror-scroll, .CodeMirror-linenumber, .CodeMirror-gutters {
background-color: #ffffff;
}
.CodeMirror {
height: inherit;
}
.CodeMirror-linenumber {
color: #015CDA;
}
.nteract-cell:hover {
border: 1px solid @HoverColor;
border-left: 3px solid @HoverColor;
.nteract-cell-outputs {
border-top: 1px solid @HoverColor;
}
.CellContextMenuButton {
visibility: visible;
}
}
}
.nteract-md-cell {
background-color: #ffffff;
}
.nteract-cell-container.selected {
.nteract-cell {
border: 1px solid @HighlightColor;
border-left: 3px solid @HighlightColor;
}
}
// White background when hovered or selected
.nteract-cell:hover,
.nteract-cell-container.selected .nteract-cell {
.CodeMirror-scroll,
.CodeMirror-linenumber,
.CodeMirror-gutters {
background-color: #ffffff;
}
.CodeMirror-linenumber {
color: #015cda;
}
.nteract-cell-outputs {
padding: 10px;
border-top: 1px solid #ffffff;
pre {
background-color: #ffffff;
border: none;
padding: 0px;
margin: 0px;
}
border-top: 1px solid @HoverColor;
}
.nteract-md-cell {
background-color: #f5f5f5;
background-color: #ffffff;
}
}
.nteract-cell:hover.nteract-md-cell {
background-color: #ffffff;
}
.nteract-cell-outputs {
padding: 10px;
border-top: 1px solid #ffffff;
.nteract-md-cell .ntreact-cell-source {
width: 100%;
pre {
background-color: #ffffff;
border: none;
padding: 0px;
margin: 0px;
}
}
.nteract-md-cell {
background-color: #f5f5f5;
}
.nteract-cell:hover.nteract-md-cell {
background-color: #ffffff;
}
.nteract-md-cell .ntreact-cell-source {
width: 100%;
}
}
// Undo tree.less
.expanded::before {
content: '';
content: "";
}
.monaco-editor .monaco-list .main {
background-color: transparent;
}
background-color: transparent;
}