Adjust size and align MR-widget loading icon

A recent change within gitlab-ui introduced a new size (24x24)
and changed also some of the existing sizes.

This commit uses the loading-icon's new size (24x24) to bring it to the
same dimensions as the status-icon and applies some styling to
vertically align them.
This commit is contained in:
Dave Pisek 2019-08-06 13:34:34 +10:00
parent ee028785a3
commit 8736404729
3 changed files with 11 additions and 2 deletions

View File

@ -34,8 +34,8 @@ export default {
<template>
<div class="d-flex align-self-start">
<div class="square s24 h-auto d-flex-center append-right-default">
<div v-if="isLoading" class="mr-widget-icon">
<gl-loading-icon size="sm" />
<div v-if="isLoading" class="mr-widget-icon d-inline-flex">
<gl-loading-icon size="md" class="mr-loading-icon d-inline-flex" />
</div>
<ci-icon v-else :status="statusObj" :size="24" />
</div>

View File

@ -208,6 +208,10 @@
font-size: 22px;
}
.mr-loading-icon {
margin: 3px 0;
}
.ci-status-icon svg {
margin: 3px 0;
position: relative;

View File

@ -0,0 +1,5 @@
---
title: Adjust size and align MR-widget loading icon
merge_request: 31503
author:
type: fixed