development/vscode
development/vscode
1
0
Fork 0
mirror of https://github.com/Microsoft/vscode synced 2024-07-17 02:57:19 +00:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

polish insert toolbar height and hover feedback.

Browse source
This commit is contained in:
rebornix 2021-07-27 11:46:46 -07:00
parent 63ccc4c93c
commit 2dcfd09634
2 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/vs/workbench/contrib/notebook/browser/media/notebook.css
View file

@ -708,7 +708,7 @@
z-index: 28; /* over the focus outline on the editor, below the title toolbar */
width: calc(100% - 32px);
opacity: 0;
transition: opacity 0.2s ease-in-out;
transition: opacity 0.3s ease-in-out;
padding: 0;
margin: 0 16px 0 16px;
}
@ -717,11 +717,16 @@
display: none;
}
.monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container:focus-within,
/* .monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container:focus-within,
.monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container:hover,
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row:hover .cell-bottom-toolbar-container,
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .markdown-cell-hover .cell-bottom-toolbar-container,
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list:focus-within > .monaco-scrollable-element > .monaco-list-rows:not(:hover) > .monaco-list-row.focused .cell-bottom-toolbar-container,
.monaco-workbench .notebookOverlay.notebook-editor-editable > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container:focus-within {
opacity: 1;
} */
.monaco-workbench .notebookOverlay.notebook-editor-editable > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container:hover,
.monaco-workbench .notebookOverlay.notebook-editor-editable > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container:focus-within {
opacity: 1;
}

6
src/vs/workbench/contrib/notebook/common/notebookOptions.ts
View file

@ -343,17 +343,17 @@ export class NotebookOptions {
if (insertToolbarAlignment === 'left' || cellToolbar !== 'hidden') {
return {
bottomToolbarGap: 18,
bottomToolbarHeight: 22
bottomToolbarHeight: 18
};
}
if (insertToolbarPosition === 'betweenCells' || insertToolbarPosition === 'both') {
return compactView ? {
bottomToolbarGap: 12,
bottomToolbarHeight: 22
bottomToolbarHeight: 18
} : {
bottomToolbarGap: 18,
bottomToolbarHeight: 22
bottomToolbarHeight: 18
};
} else {
return {