Add enhanced announcements notification dot feature
This change adds a new option which consists of the injection of custom
CSS code to enhance the announcements notification dot shown in the
hamburger icon in the Community Console.
Change-Id: I6963017d25ba99f82ccabfde8eae45fa3280c4ec
diff --git a/src/injections/enhanced_announcements_dot.css b/src/injections/enhanced_announcements_dot.css
new file mode 100644
index 0000000..e2b5e67
--- /dev/null
+++ b/src/injections/enhanced_announcements_dot.css
@@ -0,0 +1,21 @@
+@keyframes TWPTAnnouncementDot {
+ from {
+ background-color: #d93025;
+ bottom: 8px;
+ }
+
+ to {
+ background-color: #e2b3b0;
+ bottom: 0px;
+ }
+}
+
+header .left-control .material-drawer-button.has-updates::after {
+ height: 10px;
+ width: 10px;
+ animation: .5s infinite alternate ease-in TWPTAnnouncementDot;
+}
+
+header .sash {
+ display: none;
+}