Remove .emoji-menu class from ../gitlab-development-kit/gitlab/app/assets/stylesheets/framework/awards.scss

Issue: Remove ..emoji-menu class from ../gitlab-development-kit/gitlab/app/assets/stylesheets/framework/awards.scss

Deprecate and remove the ..emoji-menu class from ../gitlab-development-kit/gitlab/app/assets/stylesheets/framework/awards.scss

• 19 CSS properties: Number of CSS rules in the class.
• 2 subclasses: Classes that extend this class.
• 2 references: Number of usages in codebase.

Class definition:

.emoji-menu { display: none; position: absolute; top: 0; margin-top: 3px; padding: $gl-padding; z-index: $zindex-dropdown-menu; width: $award-emoji-width; font-size: 14px; background-color: $white; border: 1px solid $border-color; border-radius: $border-radius-base; box-shadow: 0 6px 12px $award-emoji-menu-shadow; pointer-events: none; opacity: 0; transform: scale(0.2); transform-origin: 0 -45px; transition: 0.3s cubic-bezier(0.67, 0.06, 0.19, 1.44); transition-property: transform, opacity; &.is-rendered { display: block; }

Instances of ..emoji-menu found in:

../gitlab-development-kit/gitlab/app/assets/stylesheets/framework/awards.scss

• ../gitlab-development-kit/gitlab/app/assets/javascripts/awards_handler.js

Implementation Plan

See instructions in epic Auditing and Removing CSS Classes in Frameworks.