ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-01-24 09:35:37 -05:00
Code Issues Packages Projects Releases Wiki Activity

Formatting diff editor title (#6013)

Browse Source 
* add background color and more formatting to diff editor title

* also handle hc-black
This commit is contained in:
Kim Santiago
2019-06-13 13:07:52 -07:00
committed by GitHub
parent a79f1ac830
commit 248f2f5071
3 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/sql/workbench/electron-browser/modelComponents/diffeditor.component.ts
View File

@@ -30,7 +30,7 @@ import { ITextModel } from 'vs/editor/common/model';
@Component({
template: `
<div *ngIf="_title">
<div class="modelview-diff-editor-title" style="width: 100%; height:100%; padding-left:3px !important; border: 1px solid #BFBDBD;">
<div class="modelview-diff-editor-title modelview-diff-editor-title-background">
{{_title}}
</div>
</div>`,

21
src/sql/workbench/electron-browser/modelComponents/media/editor.css
View File

@@ -15,10 +15,23 @@ modelview-diff-editor-component {
display: block;
}
.vs-dark modelview-diff-editor-title {
background: #444444;
.modelview-diff-editor-title {
width: 100%;
height: 100%;
font-weight: 700;
padding: 3px 3px 3px 16px;
text-transform: uppercase;
font-size: 11px
}
modelview-diff-editor-title {
background: #f4f4f4;
.vs-dark .modelview-diff-editor-title-background {
background-color: #434343;
}
.hc-black .modelview-diff-editor-title-background {
background-color: #000000;
}
.modelview-diff-editor-title-background {
background-color: #d5d5d5;
}