Skip to content

Commit 8cb8a76

Browse files
authored
Merge Editor: minor updates to font and title bar styles (microsoft#158945)
* Fix multi-line border styles * Merge Editor: update font styles and titlebar alignment * Fix icon styles
1 parent 3c90c83 commit 8cb8a76

File tree

1 file changed

+17
-6
lines changed

1 file changed

+17
-6
lines changed

src/vs/workbench/contrib/mergeEditor/browser/view/media/mergeEditor.css

Lines changed: 17 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -23,13 +23,22 @@
2323
}
2424

2525
.monaco-workbench .merge-editor .code-view>.title>SPAN.description {
26-
opacity: 0.7;
27-
font-size: 90%;
26+
display: flex;
27+
font-size: 12px;
28+
align-items: center;
29+
color: var(--vscode-descriptionForeground);
30+
}
31+
32+
.monaco-workbench .merge-editor .code-view>.title>SPAN.description .codicon {
33+
font-size: 14px;
34+
color: var(--vscode-descriptionForeground);
2835
}
2936

3037
.monaco-workbench .merge-editor .code-view>.title>SPAN.detail {
3138
margin-left: auto;
3239
flex-shrink: 0;
40+
font-size: 12px;
41+
color: var(--vscode-descriptionForeground);
3342
}
3443

3544
.monaco-workbench .merge-editor .code-view>.title>SPAN.detail .codicon {
@@ -88,22 +97,24 @@
8897
}
8998

9099
.merge-accept-gutter-marker.multi-line.focused .background {
91-
border: 1px dashed var(--vscode-mergeEditor-conflict-unhandledFocused-border);
100+
border: 2px solid var(--vscode-mergeEditor-conflict-unhandledFocused-border);
92101
border-right: 0;
93102
}
94103

95104
.merge-accept-gutter-marker.multi-line .background {
96-
border: 1px dashed var(--vscode-mergeEditor-conflict-unhandledUnfocused-border);
105+
border: 2px solid var(--vscode-mergeEditor-conflict-unhandledUnfocused-border);
97106
border-right: 0;
107+
border-top-left-radius: 3px;
108+
border-bottom-left-radius: 3px;
98109
}
99110

100111
.merge-accept-gutter-marker.multi-line.handled.focused .background {
101-
border: 1px solid var(--vscode-mergeEditor-conflict-handledFocused-border);
112+
border: 2px solid var(--vscode-mergeEditor-conflict-handledFocused-border);
102113
border-right: 0;
103114
}
104115

105116
.merge-accept-gutter-marker.multi-line.handled .background {
106-
border: 1px solid var(--vscode-checkbox-border);
117+
border: 2px solid var(--vscode-checkbox-border);
107118
border-right: 0;
108119
}
109120

0 commit comments

Comments
 (0)