use more specific css selectors (#15826)

This commit is contained in:
Alan Ren
2021-06-18 18:33:25 -07:00
committed by GitHub
parent d92c1d5ca8
commit 03f31a865a
4 changed files with 10 additions and 16 deletions

View File

@@ -50,18 +50,15 @@
.carbon-taskbar .monaco-action-bar .action-item .codicon.action-label {
width: 100%;
background-repeat: no-repeat;
background-position: 0% 50%;
padding-left: 15px;
}
.carbon-taskbar .action-item.more {
padding-right: 15px;
}
.carbon-taskbar .action-label {
background-repeat: no-repeat;
background-position: 0% 50%;
padding-left: 15px;
}
.carbon-taskbar .action-item-label {
display: flex;
padding-right: 5px;

View File

@@ -32,7 +32,7 @@ dashboard-page .default-tab-icon {
background-image: url("media/default.svg");
}
dashboard-page .actions-container .action-item .action-label{
dashboard-page .carbon-taskbar .monaco-action-bar .actions-container .action-item .action-label{
padding-left: 20px;
padding-right: 5px;
background-size: 16px;

View File

@@ -32,7 +32,7 @@ cell-toolbar-component ul.actions-container li.action-item {
cell-toolbar-component ul.actions-container li:last-child {
margin-right: 0;
}
cell-toolbar-component .carbon-taskbar .action-label {
cell-toolbar-component .carbon-taskbar.monaco-toolbar .monaco-action-bar .codicon.action-label {
padding: 0;
}
cell-toolbar-component .monaco-action-bar .action-label {
@@ -41,8 +41,8 @@ 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 {
cell-toolbar-component .carbon-taskbar.monaco-toolbar .monaco-action-bar ul.actions-container li a.masked-icon,
cell-toolbar-component .carbon-taskbar.monaco-toolbar .monaco-action-bar ul.actions-container li a.masked-icon:before {
height: 24px;
width: 29px;
}

View File

@@ -35,9 +35,11 @@ code-component .toolbar .carbon-taskbar {
margin-top: 5px;
}
code-component .toolbar .codicon {
code-component .toolbar .carbon-taskbar.monaco-toolbar .monaco-action-bar .codicon.action-label {
height: 20px;
padding-bottom: 10px;
background-size: 20px;
width: 40px;
}
.notebook-cell:not(.active):hover code-component .toolbarIconRun {
@@ -78,11 +80,6 @@ code-component .monaco-editor .decorationsOverviewRuler {
background-color: rgba(255, 255, 0, 0.2)
}
code-component .carbon-taskbar .codicon {
background-size: 20px;
width: 40px;
}
code-component .carbon-taskbar .codicon.hideIcon {
width: 0px;
padding-left: 0px;