mirror of
https://github.com/Microsoft/vscode
synced 2024-08-27 21:09:43 +00:00
polish insert toolbar height and hover feedback.
This commit is contained in:
parent
63ccc4c93c
commit
2dcfd09634
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue