From 4ea6315af6504cce026c91d27c8ebbebd7abc887 Mon Sep 17 00:00:00 2001
From: alistair3149 <alistair31494322@gmail.com>
Date: Mon, 10 May 2021 12:11:47 -0400
Subject: [PATCH] feat: update Echo badges styles to be inline with other
 header icons

---
 .../Echo/ext.echo.styles.badge.less           | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/skinStyles/extensions/Echo/ext.echo.styles.badge.less b/skinStyles/extensions/Echo/ext.echo.styles.badge.less
index 0dcaaaaa..e2d5ae20 100644
--- a/skinStyles/extensions/Echo/ext.echo.styles.badge.less
+++ b/skinStyles/extensions/Echo/ext.echo.styles.badge.less
@@ -9,6 +9,10 @@
 #pt-notifications {
 	&-alert,
 	&-notice {
+		position: relative;
+		margin: var( --margin-header-item ) 0;
+		border-radius: @border-radius-small;
+
 		.mw-echo-notifications-badge {
 			top: 0;
 			width: var( --width-button-base );
@@ -38,6 +42,10 @@
 				opacity: var( --opacity-base--disabled );
 			}
 		}
+
+		&:active {
+			background-color: var( --background-color-quiet--active ) !important;
+		}
 	}
 
 	// Rotate bell
@@ -62,3 +70,14 @@
 		}
 	}
 }
+
+@media screen and ( hover: hover ) {
+	#pt-notifications {
+		&-alert,
+		&-notice {
+			&:hover {
+				background-color: var( --background-color-quiet--hover );
+			}
+		}
+	}
+}