From 2a59df79d383c24c5734bde29e8ec1aa0307cab7 Mon Sep 17 00:00:00 2001
From: Jordan Vidrine <30537603+jordanvidrine@users.noreply.github.com>
Date: Mon, 18 Nov 2024 19:25:41 -0600
Subject: [PATCH] UX: Add title & adjust dnd image (#29812)

---
 .../app/components/header/user-dropdown/notifications.gjs    | 5 ++++-
 app/assets/stylesheets/common/base/discourse.scss            | 5 +++--
 config/locales/client.en.yml                                 | 1 +
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/discourse/app/components/header/user-dropdown/notifications.gjs b/app/assets/javascripts/discourse/app/components/header/user-dropdown/notifications.gjs
index 0081cf799a1..67bf36c52d8 100644
--- a/app/assets/javascripts/discourse/app/components/header/user-dropdown/notifications.gjs
+++ b/app/assets/javascripts/discourse/app/components/header/user-dropdown/notifications.gjs
@@ -76,7 +76,10 @@ export default class Notifications extends Component {
     {{/if}}
 
     {{#if this.isInDoNotDisturb}}
-      <div class="do-not-disturb-background">{{icon "discourse-dnd"}}</div>
+      <div
+        class="do-not-disturb-background"
+        title={{i18n "notifications.paused"}}
+      >{{icon "discourse-dnd"}}</div>
     {{else}}
       {{#if this.currentUser.new_personal_messages_notifications_count}}
         <a
diff --git a/app/assets/stylesheets/common/base/discourse.scss b/app/assets/stylesheets/common/base/discourse.scss
index ea543897798..ab8a592eeea 100644
--- a/app/assets/stylesheets/common/base/discourse.scss
+++ b/app/assets/stylesheets/common/base/discourse.scss
@@ -400,10 +400,11 @@ textarea {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 1.25em;
+  width: 1em;
   background-color: var(--secondary);
   border-radius: 50%;
-  height: 1.25em;
+  height: 1em;
+  box-shadow: 0px 0px 0px 2px var(--secondary);
 
   .d-icon.d-icon-discourse-dnd {
     color: var(--header_primary-medium) !important;
diff --git a/config/locales/client.en.yml b/config/locales/client.en.yml
index fb693cf0d5e..b8961725380 100644
--- a/config/locales/client.en.yml
+++ b/config/locales/client.en.yml
@@ -2810,6 +2810,7 @@ en:
         new_reviewable:
           one: "%{count} new reviewable"
           other: "%{count} new reviewables"
+      paused: "Notifications paused"
       title: "notifications of @name mentions, replies to your posts and topics, messages, etc"
       none: "Unable to load notifications at this time."
       empty: "No notifications found."