diff options
author | Phil Hughes <me@iamphill.com> | 2018-07-02 16:22:32 +0300 |
---|---|---|
committer | Phil Hughes <me@iamphill.com> | 2018-07-02 16:22:32 +0300 |
commit | 5ab59c82c57a39a4ca476b2a5338ac5a30ac2644 (patch) | |
tree | cb7737fc633ac457b97843e55ba3988786138871 /app | |
parent | 0e6757e8423d45b53a4224041aa4ea95d2dadf2a (diff) | |
parent | b4267aaa8bd317c3ccad8a84ee9f2eecfdf35d55 (diff) |
Merge branch 'update-external-link-icon-in-merge-request-widget' into 'master'
Update external link icon in merge request widget
See merge request gitlab-org/gitlab-ce!20154
Diffstat (limited to 'app')
-rw-r--r-- | app/assets/javascripts/vue_merge_request_widget/components/deployment.vue | 11 | ||||
-rw-r--r-- | app/assets/stylesheets/pages/merge_requests.scss | 4 |
2 files changed, 10 insertions, 5 deletions
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/deployment.vue b/app/assets/javascripts/vue_merge_request_widget/components/deployment.vue index c44419d24e6..5e464f8a0e2 100644 --- a/app/assets/javascripts/vue_merge_request_widget/components/deployment.vue +++ b/app/assets/javascripts/vue_merge_request_widget/components/deployment.vue @@ -1,4 +1,5 @@ <script> +import Icon from '~/vue_shared/components/icon.vue'; import timeagoMixin from '../../vue_shared/mixins/timeago'; import tooltip from '../../vue_shared/directives/tooltip'; import LoadingButton from '../../vue_shared/components/loading_button.vue'; @@ -14,6 +15,7 @@ export default { LoadingButton, MemoryUsage, StatusIcon, + Icon, }, directives: { tooltip, @@ -110,11 +112,10 @@ export default { class="deploy-link js-deploy-url" > {{ deployment.external_url_formatted }} - <i - class="fa fa-external-link" - aria-hidden="true" - > - </i> + <icon + :size="16" + name="external-link" + /> </a> </template> <span diff --git a/app/assets/stylesheets/pages/merge_requests.scss b/app/assets/stylesheets/pages/merge_requests.scss index ccf5d632614..efd730af558 100644 --- a/app/assets/stylesheets/pages/merge_requests.scss +++ b/app/assets/stylesheets/pages/merge_requests.scss @@ -737,6 +737,10 @@ > *:not(:last-child) { margin-right: .3em; } + + svg { + vertical-align: text-top; + } } .deploy-link { |