10712, 10677 - Fixed focus indicators for both main toolbar and cell … (#10756)

* 10712, 10677 - Fixed focus indicators for both main toolbar and cell toolbar.

* Removed duplicated line
This commit is contained in:
Hale Rankin
2020-06-05 17:46:19 -07:00
committed by GitHub
parent 4339b5b7d3
commit eafe659ec9
6 changed files with 46 additions and 27 deletions

View File

@@ -56,6 +56,9 @@ export class CellToolbarComponent {
this._actionBar = new Taskbar(taskbar);
this._actionBar.context = context;
let addCellsButton = new AddCellAction('notebook.AddCodeCell', localize('codeCellsPreview', "Add cell"), 'notebook-button masked-pseudo code');
addCellsButton.cellType = CellTypes.Code;
let addCodeCellButton = new AddCellAction('notebook.AddCodeCell', localize('codePreview', "Code cell"), 'notebook-button masked-pseudo code');
addCodeCellButton.cellType = CellTypes.Code;
@@ -74,14 +77,14 @@ export class CellToolbarComponent {
let buttonDropdownContainer = DOM.$('li.action-item');
buttonDropdownContainer.setAttribute('role', 'presentation');
let dropdownMenuActionViewItem = new DropdownMenuActionViewItem(
addCodeCellButton,
addCellsButton,
[addCodeCellButton, addTextCellButton],
this.contextMenuService,
undefined,
this._actionBar.actionRunner,
undefined,
'codicon masked-icon new',
localize('addCell', "Cell"),
'',
undefined
);
dropdownMenuActionViewItem.render(buttonDropdownContainer);

View File

@@ -39,6 +39,15 @@ cell-toolbar-component .monaco-action-bar .action-label {
}
cell-toolbar-component ul.actions-container li a.masked-icon {
display: flex;
}
cell-toolbar-component ul.actions-container li a.masked-icon,
cell-toolbar-component ul.actions-container li a.masked-icon:before {
height: 24px;
width: 29px;
}
cell-toolbar-component .codicon.masked-icon,
.vs cell-toolbar-component .codicon.masked-icon,
.vs-dark cell-toolbar-component .codicon.masked-icon,
.hc-black cell-toolbar-component .codicon.masked-icon {
background-image: none;
}