Ensure input expand button is always shown for long code cell text. Fix #141579

This commit is contained in:
Rob Lourens 2022-02-10 11:31:46 -08:00
parent 5f932be774
commit d0249f4727
2 changed files with 11 additions and 16 deletions

View file

@ -347,25 +347,25 @@
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .input-collapse-container .cell-collapse-preview {
padding: 0px 8px;
display: flex;
align-items: center;
}
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .input-collapse-container .cell-collapse-preview .monaco-tokenized-source {
font-size: var(--notebook-cell-input-preview-font-size);
font-family: var(--notebook-cell-input-preview-font-family);
cursor: pointer;
}
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .input-collapse-container .cell-collapse-preview .monaco-tokenized-source {
display: inline-block;
white-space: normal;
overflow: hidden;
}
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .input-collapse-container .cell-collapse-preview .expandInputIcon {
position: relative;
left: 0px;
padding: 2px;
border-radius: 5px;
vertical-align:middle;
height: 16px;
width: 16px;
cursor: pointer;
z-index: var(--z-index-notebook-input-collapse-condicon);
}
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .input-collapse-container .cell-collapse-preview .expandInputIcon:before {
@ -375,15 +375,6 @@
vertical-align: bottom;
}
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .input-collapse-container .codicon {
position: absolute;
padding: 4px 6px;
left: -30px;
bottom: 0;
cursor: pointer;
z-index: var(--z-index-notebook-input-collapse-condicon);
}
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .output-collapse-container {
cursor: pointer;
}

View file

@ -879,6 +879,10 @@ export class NotebookEditorWidget extends Disposable implements INotebookEditorD
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .input-collapse-container .cell-collapse-preview {
line-height: ${collapsedIndicatorHeight}px;
}
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .input-collapse-container .cell-collapse-preview .monaco-tokenized-source {
max-height: ${collapsedIndicatorHeight}px;
}
`);
styleSheets.push(`.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container .monaco-toolbar { height: ${bottomToolbarHeight}px }`);