From 5f27d2a9f9646e53edd5d816444b8d1e7c664862 Mon Sep 17 00:00:00 2001 From: Miguel Solorio Date: Mon, 25 Nov 2019 09:19:04 -0800 Subject: [PATCH] Replace checkbox icon with icon font --- src/vs/base/browser/ui/checkbox/check-dark.svg | 3 --- src/vs/base/browser/ui/checkbox/check-light.svg | 3 --- src/vs/base/browser/ui/checkbox/checkbox.css | 8 -------- src/vs/base/browser/ui/checkbox/checkbox.ts | 6 +++--- 4 files changed, 3 insertions(+), 17 deletions(-) delete mode 100644 src/vs/base/browser/ui/checkbox/check-dark.svg delete mode 100644 src/vs/base/browser/ui/checkbox/check-light.svg diff --git a/src/vs/base/browser/ui/checkbox/check-dark.svg b/src/vs/base/browser/ui/checkbox/check-dark.svg deleted file mode 100644 index 865cc83c347..00000000000 --- a/src/vs/base/browser/ui/checkbox/check-dark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/vs/base/browser/ui/checkbox/check-light.svg b/src/vs/base/browser/ui/checkbox/check-light.svg deleted file mode 100644 index e1a546660ed..00000000000 --- a/src/vs/base/browser/ui/checkbox/check-light.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/vs/base/browser/ui/checkbox/checkbox.css b/src/vs/base/browser/ui/checkbox/checkbox.css index fa9aa082d39..578c9f239d5 100644 --- a/src/vs/base/browser/ui/checkbox/checkbox.css +++ b/src/vs/base/browser/ui/checkbox/checkbox.css @@ -43,11 +43,3 @@ opacity: 1; background-size: 16px !important; } - -.monaco-custom-checkbox.monaco-simple-checkbox.checked { - background: url('check-light.svg') center center no-repeat; -} - -.monaco-custom-checkbox.monaco-simple-checkbox.checked { - background: url('check-dark.svg') center center no-repeat; -} diff --git a/src/vs/base/browser/ui/checkbox/checkbox.ts b/src/vs/base/browser/ui/checkbox/checkbox.ts index 8eb398bf2db..15edf5fb794 100644 --- a/src/vs/base/browser/ui/checkbox/checkbox.ts +++ b/src/vs/base/browser/ui/checkbox/checkbox.ts @@ -99,7 +99,7 @@ export class Checkbox extends Widget { this.domNode = document.createElement('div'); this.domNode.title = this._opts.title; - this.domNode.className = 'monaco-custom-checkbox codicon ' + (this._opts.actionClassName || '') + ' ' + (this._checked ? 'checked' : 'unchecked'); + this.domNode.className = 'monaco-custom-checkbox codicon ' + (this._opts.actionClassName || '') + ' ' + (this._checked ? 'codicon-check' : 'unchecked'); this.domNode.tabIndex = 0; this.domNode.setAttribute('role', 'checkbox'); this.domNode.setAttribute('aria-checked', String(this._checked)); @@ -143,9 +143,9 @@ export class Checkbox extends Widget { this._checked = newIsChecked; this.domNode.setAttribute('aria-checked', String(this._checked)); if (this._checked) { - this.domNode.classList.add('checked'); + this.domNode.classList.add('codicon-check'); } else { - this.domNode.classList.remove('checked'); + this.domNode.classList.remove('codicon-check'); } this.applyStyles(); -- GitLab