diff --git a/app/assets/javascripts/discourse/app/widgets/header.js b/app/assets/javascripts/discourse/app/widgets/header.js index d1e0ca41d47..2c6605f2c8c 100644 --- a/app/assets/javascripts/discourse/app/widgets/header.js +++ b/app/assets/javascripts/discourse/app/widgets/header.js @@ -82,9 +82,7 @@ createWidget("header-notifications", { if (user.isInDoNotDisturb()) { contents.push(h("div.do-not-disturb-background", iconNode("moon"))); } else { - let ringClass = null; if (user.new_personal_messages_notifications_count) { - ringClass = "personal-messages"; contents.push( this.attach("link", { action: attrs.action, @@ -122,7 +120,6 @@ createWidget("header-notifications", { }) ); } else if (user.all_unread_notifications_count) { - ringClass = "regular-notifications"; contents.push( this.attach("link", { action: attrs.action, @@ -137,9 +134,6 @@ createWidget("header-notifications", { }) ); } - if (ringClass && this._shouldHighlightAvatar()) { - contents.push(h(`span.ring.revamped.${ringClass}`)); - } } return contents; }, diff --git a/app/assets/stylesheets/common/base/header.scss b/app/assets/stylesheets/common/base/header.scss index 7891da099fa..acca71d247c 100644 --- a/app/assets/stylesheets/common/base/header.scss +++ b/app/assets/stylesheets/common/base/header.scss @@ -201,34 +201,6 @@ .notifications { position: relative; } - .ring { - position: absolute; - top: -11px; - right: 23.5px; - z-index: z("base"); - margin-left: 0; - border-radius: 100%; - width: 20px; - height: 20px; - box-shadow: 0 0 0 rgba(var(--success-rgb), 1); - transform: scale(1); - transform-origin: center; - animation-iteration-count: infinite; - animation-duration: 3s; - animation-name: ping; - - &.revamped { - right: -4px; - top: -6px; - - &.regular-notifications { - background: radial-gradient( - transparent, - var(--tertiary-med-or-tertiary) - ); - } - } - } .header-dropdown-toggle { position: relative; } @@ -259,8 +231,7 @@ .unread-notifications { background-color: var(--tertiary-med-or-tertiary); } - .unread-high-priority-notifications, - .ring { + .unread-high-priority-notifications { left: auto; right: 25px; } diff --git a/app/assets/stylesheets/mobile/_index.scss b/app/assets/stylesheets/mobile/_index.scss index 1fc0b0e8d7f..c7e7e42bcbc 100644 --- a/app/assets/stylesheets/mobile/_index.scss +++ b/app/assets/stylesheets/mobile/_index.scss @@ -23,7 +23,6 @@ @import "personal-message"; @import "push-notifications-mobile"; @import "reviewables"; -@import "ring"; @import "search"; @import "tagging"; @import "topic-list"; diff --git a/app/assets/stylesheets/mobile/ring.scss b/app/assets/stylesheets/mobile/ring.scss deleted file mode 100644 index 2da82b54c9e..00000000000 --- a/app/assets/stylesheets/mobile/ring.scss +++ /dev/null @@ -1,3 +0,0 @@ -.ring { - top: -7px !important; -}