phlux/mattermostest
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Use a fitting border color for the taskbar badge status

Browse Source
This commit is contained in:
Kolja Lampe
2016-05-21 20:58:59 +02:00
parent 8790dece0e
commit 20e7f90bae
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/browser/index.jsx
View File

@@ -461,10 +461,10 @@ var showUnreadBadgeWindows = function(unreadCount, mentionCount) {
}; };
if (mentionCount > 0) { if (mentionCount > 0) {
const dataURL = badge.createDataURL(mentionCount.toString(), "#FF1744"); // Material Red A400 const dataURL = badge.createDataURL(mentionCount.toString(), "#FF1744", "#580817"); // Material Red A400
sendBadge(dataURL, 'You have unread mention (' + mentionCount + ')'); sendBadge(dataURL, 'You have unread mention (' + mentionCount + ')');
} else if (unreadCount > 0) { } else if (unreadCount > 0) {
const dataURL = badge.createDataURL('•', "#00e5ff"); // Material Cyan A400 const dataURL = badge.createDataURL('•', "#00e5ff", "#06545D"); // Material Cyan A400
sendBadge(dataURL, 'You have unread channels'); sendBadge(dataURL, 'You have unread channels');
} else { } else {
sendBadge(null, 'You have no unread messages'); sendBadge(null, 'You have no unread messages');

4
src/browser/js/badge.js
View File

@@ -1,6 +1,6 @@
'use strict'; 'use strict';
var createDataURL = function(text, color) { var createDataURL = function(text, color, circleColor) {
const scale = 2; // should rely display dpi const scale = 2; // should rely display dpi
const size = 16 * scale; const size = 16 * scale;
const canvas = document.createElement('canvas'); const canvas = document.createElement('canvas');
@@ -13,6 +13,8 @@ var createDataURL = function(text, color) {
ctx.beginPath(); ctx.beginPath();
ctx.arc(size / 2, size / 2, size / 2, 0, Math.PI * 2); ctx.arc(size / 2, size / 2, size / 2, 0, Math.PI * 2);
ctx.fill(); ctx.fill();
ctx.lineWidth = 2;
ctx.strokeStyle = circleColor;
ctx.stroke(); ctx.stroke();
// text // text