fix WYSIWYG toolbar (#15901)

* fix WYSIWYG toolbar

* add height

* remove new rule and specify css selectors
This commit is contained in:
Barbara Valdez
2021-06-30 17:28:11 -07:00
committed by GitHub
parent 667cf760f0
commit 0e10e3e3ca

View File

@@ -3,7 +3,7 @@
* Licensed under the Source EULA. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
/* Resets */
.markdown-toolbar .carbon-taskbar li a.action-label {
.markdown-toolbar .carbon-taskbar .monaco-action-bar li a.codicon.action-label {
margin: 0;
padding: 0;
}
@@ -20,41 +20,41 @@
padding: 10px 16px 4px 16px;
}
.markdown-toolbar .carbon-taskbar ul.actions-container li {
.markdown-toolbar .carbon-taskbar .monaco-action-bar ul.actions-container li {
margin-right: 14px;
}
.markdown-toolbar .carbon-taskbar ul.actions-container li:nth-child(1) {
.markdown-toolbar .carbon-taskbar .monaco-action-bar ul.actions-container li:nth-child(1) {
margin-right: 9px;
}
.markdown-toolbar .carbon-taskbar ul.actions-container li:nth-child(2) {
.markdown-toolbar .carbon-taskbar .monaco-action-bar ul.actions-container li:nth-child(2) {
margin-right: 9px;
}
.markdown-toolbar .carbon-taskbar ul.actions-container li:nth-last-child(-n+3) {
.markdown-toolbar .carbon-taskbar .monaco-action-bar ul.actions-container li:nth-last-child(-n+3) {
margin-left: auto;
}
.markdown-toolbar .carbon-taskbar ul.actions-container li:nth-last-child(-n+2) {
.markdown-toolbar .carbon-taskbar .monaco-action-bar ul.actions-container li:nth-last-child(-n+2) {
margin-left: initial;
}
.markdown-toolbar .carbon-taskbar ul.actions-container li:nth-last-child(-n+1) {
.markdown-toolbar .carbon-taskbar .monaco-action-bar ul.actions-container li:nth-last-child(-n+1) {
margin-left: initial;
margin-right: 0;
}
.markdown-toolbar .carbon-taskbar ul.actions-container li.action-item .masked-pseudo-after.dropdown-arrow {
.markdown-toolbar .carbon-taskbar .monaco-action-bar ul.actions-container li.action-item .masked-pseudo-after.dropdown-arrow {
background-color: transparent;
font-size: 14px;
height: 100%;
line-height: 20px;
width: 100%;
}
.markdown-toolbar .carbon-taskbar ul.actions-container li.action-item .masked-pseudo-after.dropdown-arrow:after {
.markdown-toolbar .carbon-taskbar .monaco-action-bar ul.actions-container li.action-item .masked-pseudo-after.dropdown-arrow:after {
position: relative;
right: -6px;
top: -3px;
width: 26px;
}
.markdown-toolbar .carbon-taskbar a {
.markdown-toolbar .carbon-taskbar .monaco-action-bar a.codicon.action-label {
display: flex;
height: 20px;
width: 20px;