Merge branch '419087-ux-user-mention-has-confusing-selected-styling' into 'master'

Distinct select style for user mentions in RTE

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/168120



Merged-by: Himanshu Kapoor <info@fleon.org>
Approved-by: Sascha Eggenberger <seggenberger@gitlab.com>
Approved-by: Himanshu Kapoor <info@fleon.org>
Co-authored-by: Chad Lavimoniere <clavimoniere@gitlab.com>

app/assets/stylesheets/components/content_editor.scss

@@ -30,6 +30,16 @@
   span.ProseMirror-selectednode {
     background-color: $blue-100;
     box-shadow: 0 2px 0 $blue-100, 0 -2px 0 $blue-100;
+    
+    &.gfm-project_member, .gfm-project_member {
+      &:not(.current-user) {
+        background-color: $blue-200;
+      }
+    }
+
+    &.gfm-project_member {
+      box-shadow: 0 0 0 2px $blue-100;
+    }
   }
 
   pre > code {