From f27f620e7797fa6f58629114ae80935c027eb39c Mon Sep 17 00:00:00 2001 From: Benjamin Pasero Date: Fri, 22 Jul 2022 14:00:03 +0200 Subject: [PATCH] status - make color dynamic (#155944) --- .../browser/parts/statusbar/media/statusbarpart.css | 5 ++--- src/vs/workbench/browser/parts/statusbar/statusbarItem.ts | 6 +----- src/vs/workbench/browser/parts/statusbar/statusbarPart.ts | 2 +- 3 files changed, 4 insertions(+), 9 deletions(-) diff --git a/src/vs/workbench/browser/parts/statusbar/media/statusbarpart.css b/src/vs/workbench/browser/parts/statusbar/media/statusbarpart.css index 24b22dd7c6060..239a92d2f9af7 100644 --- a/src/vs/workbench/browser/parts/statusbar/media/statusbarpart.css +++ b/src/vs/workbench/browser/parts/statusbar/media/statusbarpart.css @@ -51,7 +51,7 @@ position: relative; } -.monaco-workbench .part.statusbar > .items-container > .statusbar-item.has-beak > .status-bar-beak-container { +.monaco-workbench .part.statusbar > .items-container > .statusbar-item.has-beak > .status-bar-item-beak-container { position: absolute; left: calc(50% - 5px); /* centering relative to parent */ top: -5px; @@ -59,10 +59,9 @@ height: 5px; } -.monaco-workbench .part.statusbar > .items-container > .statusbar-item.has-beak > .status-bar-beak-container:before { +.monaco-workbench .part.statusbar > .items-container > .statusbar-item.has-beak > .status-bar-item-beak-container:before { content: ''; position: fixed; - color: rgb(0, 122, 204); border-bottom-width: 5px; border-bottom-style: solid; border-left: 5px solid transparent; diff --git a/src/vs/workbench/browser/parts/statusbar/statusbarItem.ts b/src/vs/workbench/browser/parts/statusbar/statusbarItem.ts index faae3589cc2d4..acad14f18028e 100644 --- a/src/vs/workbench/browser/parts/statusbar/statusbarItem.ts +++ b/src/vs/workbench/browser/parts/statusbar/statusbarItem.ts @@ -70,15 +70,11 @@ export class StatusbarEntryItem extends Disposable { // Label (with support for progress) this.label = new StatusBarCodiconLabel(this.labelContainer); - - // Add to parent this.container.appendChild(this.labelContainer); // Beak Container this.beakContainer = document.createElement('div'); - this.beakContainer.className = 'status-bar-beak-container'; - - // Add to parent + this.beakContainer.className = 'status-bar-item-beak-container'; this.container.appendChild(this.beakContainer); this.update(entry); diff --git a/src/vs/workbench/browser/parts/statusbar/statusbarPart.ts b/src/vs/workbench/browser/parts/statusbar/statusbarPart.ts index 607ba09354b20..ed738ef9fc990 100644 --- a/src/vs/workbench/browser/parts/statusbar/statusbarPart.ts +++ b/src/vs/workbench/browser/parts/statusbar/statusbarPart.ts @@ -544,7 +544,7 @@ export class StatusbarPart extends Part implements IStatusbarService { } /* Notification Beak */ - .monaco-workbench .part.statusbar > .items-container > .statusbar-item.has-beak:before { + .monaco-workbench .part.statusbar > .items-container > .statusbar-item.has-beak > .status-bar-item-beak-container:before { border-bottom-color: ${backgroundColor}; } `;