Merge branch '33469-focus' into 'master'

remove outline from More Actions icon when dropdown open

Closes #33469

See merge request !12054

app/assets/stylesheets/framework/dropdowns.scss

@@ -48,6 +48,10 @@
     @include chevron-active;
     border-color: $gray-darkest;
   }
+
+  [data-toggle="dropdown"] {
+    outline: 0;
+  }
 }
 
 .dropdown-toggle {
@@ -109,6 +113,7 @@
   &:focus:active {
     @include chevron-active;
     border-color: $dropdown-toggle-active-border-color;
+    outline: 0;
   }
 }
 

app/assets/stylesheets/pages/notes.scss

@@ -462,7 +462,6 @@ ul.notes {
 
 .more-actions-toggle {
   padding: 0;
-  outline: none;
 
   &:hover .icon,
   &:focus .icon {