Commit e79392db authored by Jarek Ostrowski's avatar Jarek Ostrowski Committed by Natalia Tepluhina

Fix overflowing design buttons on mobile, align vertically

MR: https://gitlab.com/gitlab-org/gitlab/-/merge_requests/54381
parent 957d9c62
......@@ -347,15 +347,20 @@ export default {
>
<header
v-if="showToolbar"
class="row-content-block gl-border-t-0 gl-p-3 gl-display-flex"
class="row-content-block gl-border-t-0 gl-py-3 gl-display-flex"
data-testid="design-toolbar-wrapper"
>
<div class="gl-display-flex gl-justify-content-space-between gl-align-items-center gl-w-full">
<div>
<div
class="gl-display-flex gl-justify-content-space-between gl-align-items-center gl-w-full gl-flex-wrap"
>
<div class="gl-display-flex gl-align-items-center gl-my-2">
<span class="gl-font-weight-bold gl-mr-3">{{ s__('DesignManagement|Designs') }}</span>
<design-version-dropdown />
</div>
<div v-show="hasDesigns" class="qa-selector-toolbar gl-display-flex gl-align-items-center">
<div
v-show="hasDesigns"
class="qa-selector-toolbar gl-display-flex gl-align-items-center gl-my-2"
>
<gl-button
v-if="isLatestVersion"
variant="link"
......
---
title: Fix overflowing design buttons on mobile
merge_request: 54381
author:
type: fixed
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment