UX: Remove ring from avatar for a new user (#22780)

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;
   },

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,
+  .unread-high-priority-notifications {
-  .ring {
     left: auto;
     right: 25px;
   }

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";

app/assets/stylesheets/mobile/ring.scss

@@ -1,3 +0,0 @@
-.ring {
-  top: -7px !important;
-}