From 7244694bd3f68a853185053d91ad967445f93e60 Mon Sep 17 00:00:00 2001 From: Akos Kitta Date: Fri, 20 Sep 2019 16:09:58 +0200 Subject: [PATCH] PROEDITOR-47: FIxed the visibility of close button Signed-off-by: Akos Kitta --- .../src/browser/arduino-frontend-module.ts | 3 +++ arduino-ide-extension/src/browser/style/editor.css | 10 +++++----- 2 files changed, 8 insertions(+), 5 deletions(-) diff --git a/arduino-ide-extension/src/browser/arduino-frontend-module.ts b/arduino-ide-extension/src/browser/arduino-frontend-module.ts index 3e1fe7d7..15c85a9f 100644 --- a/arduino-ide-extension/src/browser/arduino-frontend-module.ts +++ b/arduino-ide-extension/src/browser/arduino-frontend-module.ts @@ -216,6 +216,9 @@ export default new ContainerModule((bind: interfaces.Bind, unbind: interfaces.Un bind(ScmContribution).to(SilentScmContribution).inSingletonScope(); unbind(SearchInWorkspaceFrontendContribution); bind(SearchInWorkspaceFrontendContribution).to(SilentSearchInWorkspaceContribution).inSingletonScope(); + } else { + // We use this CSS class on the body to modify the visibbility of the close button for the editors and views. + document.body.classList.add(ArduinoAdvancedMode.LS_ID); } unbind(FrontendApplication); bind(FrontendApplication).to(CustomFrontendApplication).inSingletonScope(); diff --git a/arduino-ide-extension/src/browser/style/editor.css b/arduino-ide-extension/src/browser/style/editor.css index 049c8acf..fbf4d86e 100644 --- a/arduino-ide-extension/src/browser/style/editor.css +++ b/arduino-ide-extension/src/browser/style/editor.css @@ -1,12 +1,12 @@ -/* Do not show the `close` icon for editor, but show the dirty state. */ -.p-TabBar.theia-app-centers .p-TabBar-tab.p-mod-closable:hover > .p-TabBar-tabCloseIcon, -.p-TabBar.theia-app-centers .p-TabBar-tab.p-mod-current > .p-TabBar-tabCloseIcon { +/* Do not show the `close` icon for editor, but show the dirty state if not in pro-mode. */ +body:not(.arduino-advanced-mode) .p-TabBar.theia-app-centers .p-TabBar-tab.p-mod-closable:hover > .p-TabBar-tabCloseIcon, +body:not(.arduino-advanced-mode) .p-TabBar.theia-app-centers .p-TabBar-tab.p-mod-current > .p-TabBar-tabCloseIcon { background-image: none; cursor: pointer; } -.p-TabBar.theia-app-centers .p-TabBar-tab.p-mod-closable.theia-mod-dirty:hover > .p-TabBar-tabCloseIcon, -.p-TabBar.theia-app-centers .p-TabBar-tab.p-mod-closable.theia-mod-dirty > .p-TabBar-tabCloseIcon:hover { +body:not(.arduino-advanced-mode) .p-TabBar.theia-app-centers .p-TabBar-tab.p-mod-closable.theia-mod-dirty:hover > .p-TabBar-tabCloseIcon, +body:not(.arduino-advanced-mode) .p-TabBar.theia-app-centers .p-TabBar-tab.p-mod-closable.theia-mod-dirty > .p-TabBar-tabCloseIcon:hover { background-size: 10px; background-image: var(--theia-icon-circle); cursor: pointer;