Skip to content

Commit cc70266

Browse files
author
Miguel Solorio
committed
Update checkbox to use icon font check microsoft#86708
1 parent a4880b1 commit cc70266

4 files changed

Lines changed: 4 additions & 13 deletions

File tree

src/vs/base/browser/ui/checkbox/check-dark.svg

Lines changed: 0 additions & 3 deletions
This file was deleted.

src/vs/base/browser/ui/checkbox/check-light.svg

Lines changed: 0 additions & 3 deletions
This file was deleted.

src/vs/base/browser/ui/checkbox/checkbox.css

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -44,10 +44,7 @@
4444
background-size: 16px !important;
4545
}
4646

47-
.monaco-custom-checkbox.monaco-simple-checkbox.checked {
48-
background: url('check-light.svg') center center no-repeat;
49-
}
50-
51-
.monaco-custom-checkbox.monaco-simple-checkbox.checked {
52-
background: url('check-dark.svg') center center no-repeat;
47+
/* hide check when unchecked */
48+
.monaco-custom-checkbox.monaco-simple-checkbox.unchecked:not(.checked)::before {
49+
visibility: hidden;;
5350
}

src/vs/base/browser/ui/checkbox/checkbox.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -192,7 +192,7 @@ export class SimpleCheckbox extends Widget {
192192
constructor(private title: string, private isChecked: boolean) {
193193
super();
194194

195-
this.checkbox = new Checkbox({ title: this.title, isChecked: this.isChecked, actionClassName: 'monaco-simple-checkbox' });
195+
this.checkbox = new Checkbox({ title: this.title, isChecked: this.isChecked, actionClassName: 'monaco-simple-checkbox codicon-check' });
196196

197197
this.domNode = this.checkbox.domNode;
198198

0 commit comments

Comments
 (0)