Skip to content

Commit da6ebc4

Browse files
author
Miguel Solorio
committed
Adopt codicons in simple find widget (ref microsoft#86708)
1 parent c7786cf commit da6ebc4

8 files changed

Lines changed: 6 additions & 49 deletions

File tree

src/vs/workbench/contrib/codeEditor/browser/find/images/chevron-next-dark.svg

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

src/vs/workbench/contrib/codeEditor/browser/find/images/chevron-next-light.svg

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

src/vs/workbench/contrib/codeEditor/browser/find/images/chevron-previous-dark.svg

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

src/vs/workbench/contrib/codeEditor/browser/find/images/chevron-previous-light.svg

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

src/vs/workbench/contrib/codeEditor/browser/find/images/close-dark.svg

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

src/vs/workbench/contrib/codeEditor/browser/find/images/close-light.svg

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

src/vs/workbench/contrib/codeEditor/browser/find/simpleFindWidget.css

Lines changed: 3 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -43,42 +43,17 @@
4343
min-width: 20px;
4444
width: 20px;
4545
height: 20px;
46+
line-height: 20px;
4647
display: flex;
4748
flex: initial;
49+
justify-content: center;
4850
margin-left: 3px;
4951
background-position: center center;
5052
background-repeat: no-repeat;
5153
cursor: pointer;
5254
}
5355

54-
.monaco-workbench .simple-find-part .button.previous {
55-
background-image: url('images/chevron-previous-light.svg');
56-
}
57-
58-
.monaco-workbench .simple-find-part .button.next {
59-
background-image: url('images/chevron-next-light.svg');
60-
}
61-
62-
.monaco-workbench .simple-find-part .button.close-fw {
63-
background-image: url('images/close-light.svg');
64-
}
65-
66-
.hc-black .monaco-workbench .simple-find-part .button.previous,
67-
.vs-dark .monaco-workbench .simple-find-part .button.previous {
68-
background-image: url('images/chevron-previous-dark.svg');
69-
}
70-
71-
.hc-black .monaco-workbench .simple-find-part .button.next,
72-
.vs-dark .monaco-workbench .simple-find-part .button.next {
73-
background-image: url('images/chevron-next-dark.svg');
74-
}
75-
76-
.hc-black .monaco-workbench .simple-find-part .button.close-fw,
77-
.vs-dark .monaco-workbench .simple-find-part .button.close-fw {
78-
background-image: url('images/close-dark.svg');
79-
}
80-
8156
.monaco-workbench .simple-find-part .button.disabled {
8257
opacity: 0.3;
8358
cursor: default;
84-
}
59+
}

src/vs/workbench/contrib/codeEditor/browser/find/simpleFindWidget.ts

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -94,23 +94,23 @@ export abstract class SimpleFindWidget extends Widget {
9494

9595
this.prevBtn = this._register(new SimpleButton({
9696
label: NLS_PREVIOUS_MATCH_BTN_LABEL,
97-
className: 'previous',
97+
className: 'codicon codicon-arrow-up',
9898
onTrigger: () => {
9999
this.find(true);
100100
}
101101
}));
102102

103103
this.nextBtn = this._register(new SimpleButton({
104104
label: NLS_NEXT_MATCH_BTN_LABEL,
105-
className: 'next',
105+
className: 'codicon codicon-arrow-down',
106106
onTrigger: () => {
107107
this.find(false);
108108
}
109109
}));
110110

111111
const closeBtn = this._register(new SimpleButton({
112112
label: NLS_CLOSE_BTN_LABEL,
113-
className: 'close-fw',
113+
className: 'codicon codicon-close',
114114
onTrigger: () => {
115115
this.hide();
116116
}

0 commit comments

Comments
 (0)