From 0e10e3e3ca7cc127b4393ac388c9e8b93acaea82 Mon Sep 17 00:00:00 2001 From: Barbara Valdez <34872381+barbaravaldez@users.noreply.github.com> Date: Wed, 30 Jun 2021 17:28:11 -0700 Subject: [PATCH] fix WYSIWYG toolbar (#15901) * fix WYSIWYG toolbar * add height * remove new rule and specify css selectors --- .../browser/cellViews/markdownToolbar.css | 20 +++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/src/sql/workbench/contrib/notebook/browser/cellViews/markdownToolbar.css b/src/sql/workbench/contrib/notebook/browser/cellViews/markdownToolbar.css index 2a10416dff..f144303ee8 100644 --- a/src/sql/workbench/contrib/notebook/browser/cellViews/markdownToolbar.css +++ b/src/sql/workbench/contrib/notebook/browser/cellViews/markdownToolbar.css @@ -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;