fix #4633: set git diff title icon

Signed-off-by: Anton Kosyakov <anton.kosyakov@typefox.io>
eclipse-theia · Mar 21, 2019 · 6779ef7 · 6779ef7
1 parent 2519e53
commit 6779ef7
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 0 deletions.
diff --git a/packages/core/src/browser/style/sidepanel.css b/packages/core/src/browser/style/sidepanel.css
@@ -93,6 +93,8 @@
   opacity: 0.6;
   mask-repeat: no-repeat;
   -webkit-mask-repeat: no-repeat;
+  mask-size: 28px;
+  -webkit-mask-size: 28px;
 }
 
 .p-TabBar.theia-app-sides .file-icon.p-TabBar-tabIcon:hover,

diff --git a/packages/git/src/browser/diff/git-diff-widget.tsx b/packages/git/src/browser/diff/git-diff-widget.tsx
@@ -49,6 +49,7 @@ export class GitDiffWidget extends GitNavigableListWidget<GitFileChangeNode> imp
         this.id = GIT_DIFF;
         this.scrollContainer = 'git-diff-list-container';
         this.title.label = 'Diff';
+        this.title.iconClass = 'theia-git-diff-icon';
 
         this.addClass('theia-git');
     }

diff --git a/packages/git/src/browser/style/diff.css b/packages/git/src/browser/style/diff.css
@@ -18,6 +18,11 @@
     color: var(--theia-ui-font-color1);
 }
 
+.theia-git-diff-icon {
+    -webkit-mask: url('git-diff.svg');
+    mask: url('git-diff.svg');
+}
+
 .theia-git .git-diff-container {
     display: flex;
     flex-direction: column;

diff --git a/packages/git/src/browser/style/git-diff.svg b/packages/git/src/browser/style/git-diff.svg