Commit 5894d37d authored by Andrew Fontaine's avatar Andrew Fontaine

Merge branch 'btn-confirm-download-dir' into 'master'

Move to btn-confirm in download directory dropdown

See merge request gitlab-org/gitlab!56193
parents 2e4e38ad 46c1766b
<script> <script>
import { GlLink } from '@gitlab/ui'; import { GlButton } from '@gitlab/ui';
export default { export default {
components: { components: {
GlLink, GlButton,
}, },
props: { props: {
currentPath: { currentPath: {
...@@ -32,15 +32,15 @@ export default { ...@@ -32,15 +32,15 @@ export default {
<h5 class="m-0 dropdown-bold-header">{{ __('Download this directory') }}</h5> <h5 class="m-0 dropdown-bold-header">{{ __('Download this directory') }}</h5>
<div class="dropdown-menu-content"> <div class="dropdown-menu-content">
<div class="btn-group ml-0 w-100"> <div class="btn-group ml-0 w-100">
<gl-link <gl-button
v-for="(link, index) in normalizedLinks" v-for="(link, index) in normalizedLinks"
:key="index" :key="index"
:href="link.path" :href="link.path"
:class="{ 'btn-primary': index === 0 }" :variant="index === 0 ? 'confirm' : 'default'"
class="btn btn-xs" size="small"
> >
{{ link.text }} {{ link.text }}
</gl-link> </gl-button>
</div> </div>
</div> </div>
</section> </section>
......
---
title: Move to btn-confirm in download directory dropdown
merge_request: 56193
author: Yogi (@yo)
type: changed
...@@ -16,22 +16,30 @@ exports[`Repository directory download links component renders downloads links f ...@@ -16,22 +16,30 @@ exports[`Repository directory download links component renders downloads links f
<div <div
class="btn-group ml-0 w-100" class="btn-group ml-0 w-100"
> >
<gl-link-stub <gl-button-stub
class="btn btn-xs btn-primary" buttontextclasses=""
category="primary"
href="http://test.com/?path=app" href="http://test.com/?path=app"
icon=""
size="small"
variant="confirm"
> >
zip zip
</gl-link-stub> </gl-button-stub>
<gl-link-stub <gl-button-stub
class="btn btn-xs" buttontextclasses=""
category="primary"
href="http://test.com/?path=app" href="http://test.com/?path=app"
icon=""
size="small"
variant="default"
> >
tar tar
</gl-link-stub> </gl-button-stub>
</div> </div>
</div> </div>
</section> </section>
...@@ -53,22 +61,30 @@ exports[`Repository directory download links component renders downloads links f ...@@ -53,22 +61,30 @@ exports[`Repository directory download links component renders downloads links f
<div <div
class="btn-group ml-0 w-100" class="btn-group ml-0 w-100"
> >
<gl-link-stub <gl-button-stub
class="btn btn-xs btn-primary" buttontextclasses=""
category="primary"
href="http://test.com/?path=app/assets" href="http://test.com/?path=app/assets"
icon=""
size="small"
variant="confirm"
> >
zip zip
</gl-link-stub> </gl-button-stub>
<gl-link-stub <gl-button-stub
class="btn btn-xs" buttontextclasses=""
category="primary"
href="http://test.com/?path=app/assets" href="http://test.com/?path=app/assets"
icon=""
size="small"
variant="default"
> >
tar tar
</gl-link-stub> </gl-button-stub>
</div> </div>
</div> </div>
</section> </section>
......
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