<!--IssueSummary start--> <details> <summary> Everyone can contribute. [Help move this issue forward](https://handbook.gitlab.com/handbook/marketing/developer-relations/contributor-success/community-contributors-workflows/#contributor-links) while earning points, leveling up and collecting rewards. </summary> - [Close this issue](https://contributors.gitlab.com/manage-issue?action=close&projectId=278964&issueIid=213327) </details> <!--IssueSummary end--> ## Summary In order to deliver https://gitlab.com/gitlab-org/gitlab/-/issues/204730 we have to put specific style into `app/assets/stylesheets/framework/dropdowns.scss`: ```scss .dropdown.gl-new-dropdown button.dropdown-toggle { @include gl-display-inline-flex; } ``` This is a temporary solution in anticipation of [the new design for Snippets](https://gitlab.com/gitlab-org/gitlab-foss/-/issues/63499/designs) to be implemented in which the dropdown button will be moved out of `.file-title-flex-parent` that is the core of the problem for introducing this style in the first place. ## Improvements Once the dropdown button is moved out of `.file-title-flex-parent`, we can safely remove this style. ## Risks No risks as the styles are dedicated to one specific component that, after the design update, won't be covered by this style. ## Involved components * The affected stylesheet: `app/assets/stylesheets/framework/dropdowns.scss` * The affected components: * `app/assets/javascripts/vue_shared/components/clone_dropdown.vue`, and its parent * `app/assets/javascripts/snippets/components/snippet_blob_view.vue`