development/vscode
development/vscode
1
0
Fork 0
mirror of https://github.com/Microsoft/vscode synced 2024-08-27 21:09:43 +00:00
Code Issues 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 */ z-index: 28; /* over the focus outline on the editor, below the title toolbar */
width: calc(100% - 32px); width: calc(100% - 32px);
opacity: 0; opacity: 0;
transition: opacity 0.2s ease-in-out; transition: opacity 0.3s ease-in-out;
padding: 0; padding: 0;
margin: 0 16px 0 16px; margin: 0 16px 0 16px;
} }
@ -717,11 +717,16 @@
display: none; 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-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: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 > .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 > .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 { .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; 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') { if (insertToolbarAlignment === 'left' || cellToolbar !== 'hidden') {
return { return {
bottomToolbarGap: 18, bottomToolbarGap: 18,
bottomToolbarHeight: 22 bottomToolbarHeight: 18
}; };
} }
if (insertToolbarPosition === 'betweenCells' || insertToolbarPosition === 'both') { if (insertToolbarPosition === 'betweenCells' || insertToolbarPosition === 'both') {
return compactView ? { return compactView ? {
bottomToolbarGap: 12, bottomToolbarGap: 12,
bottomToolbarHeight: 22 bottomToolbarHeight: 18
} : { } : {
bottomToolbarGap: 18, bottomToolbarGap: 18,
bottomToolbarHeight: 22 bottomToolbarHeight: 18
}; };
} else { } else {
return { return {