diff options
author | 2020-04-22 13:44:26 +0530 | |
---|---|---|
committer | 2020-04-22 08:14:26 +0000 | |
commit | d15b045ff108fb7f9ba7c27f0c9442a6e159604a (patch) | |
tree | 15abd6649d98c1a339a7ae565b7927e518796910 /src/styles/tabs.scss | |
parent | docs: add mahadevans87 as a contributor (#622) (diff) | |
download | ferdium-app-d15b045ff108fb7f9ba7c27f0c9442a6e159604a.tar.gz ferdium-app-d15b045ff108fb7f9ba7c27f0c9442a6e159604a.tar.zst ferdium-app-d15b045ff108fb7f9ba7c27f0c9442a6e159604a.zip |
Differentiate badge icon/color for indirect notifications (#590)
* feat: Differentiate between indirect and direct notifications
- Windows - Replace the icon used for showing indirect notifications in the taskbar to a blue(#0088cc) color (like slack, google chat etd)
- All Platforms - Replace the red color used for indirect notifications in tabbed view for a service to #0088cc (Blue) color
* Indirect notification icons in tray and tabs
Co-authored-by: Feiko Joosten <feiko_joosten@hotmail.com>
Co-authored-by: Sampath Kumar Krishnan <sampathBlam@users.noreply.github.com>
Diffstat (limited to 'src/styles/tabs.scss')
-rw-r--r-- | src/styles/tabs.scss | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/src/styles/tabs.scss b/src/styles/tabs.scss index 5bd0555d2..65ca97a54 100644 --- a/src/styles/tabs.scss +++ b/src/styles/tabs.scss | |||
@@ -52,7 +52,7 @@ | |||
52 | 52 | ||
53 | .tab-item__message-count { | 53 | .tab-item__message-count { |
54 | align-items: center; | 54 | align-items: center; |
55 | background: $theme-brand-danger; | 55 | background: #0088cc; |
56 | border-radius: 20px; | 56 | border-radius: 20px; |
57 | bottom: 8px; | 57 | bottom: 8px; |
58 | color: #FFF; | 58 | color: #FFF; |
@@ -65,7 +65,10 @@ | |||
65 | position: absolute; | 65 | position: absolute; |
66 | right: 8px; | 66 | right: 8px; |
67 | 67 | ||
68 | &.is-indirect { padding-top: 0; } | 68 | &.is-indirect { |
69 | padding-top: 0; | ||
70 | background: #0088cc; | ||
71 | } | ||
69 | &.hibernating { | 72 | &.hibernating { |
70 | padding-top: 0; | 73 | padding-top: 0; |
71 | background: $theme-gray; | 74 | background: $theme-gray; |
@@ -92,7 +95,10 @@ | |||
92 | right: 8px; | 95 | right: 8px; |
93 | width: 17px; | 96 | width: 17px; |
94 | 97 | ||
95 | &.is-indirect { padding-top: 0; } | 98 | &.is-indirect { |
99 | padding-top: 0; | ||
100 | background: #0088cc; | ||
101 | } | ||
96 | } | 102 | } |
97 | 103 | ||
98 | &.is-reordering { z-index: 99999; } | 104 | &.is-reordering { z-index: 99999; } |