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:
parent
ee028785a3
commit
8736404729
3 changed files with 11 additions and 2 deletions
|
@ -34,8 +34,8 @@ export default {
|
||||||
<template>
|
<template>
|
||||||
<div class="d-flex align-self-start">
|
<div class="d-flex align-self-start">
|
||||||
<div class="square s24 h-auto d-flex-center append-right-default">
|
<div class="square s24 h-auto d-flex-center append-right-default">
|
||||||
<div v-if="isLoading" class="mr-widget-icon">
|
<div v-if="isLoading" class="mr-widget-icon d-inline-flex">
|
||||||
<gl-loading-icon size="sm" />
|
<gl-loading-icon size="md" class="mr-loading-icon d-inline-flex" />
|
||||||
</div>
|
</div>
|
||||||
<ci-icon v-else :status="statusObj" :size="24" />
|
<ci-icon v-else :status="statusObj" :size="24" />
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -208,6 +208,10 @@
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mr-loading-icon {
|
||||||
|
margin: 3px 0;
|
||||||
|
}
|
||||||
|
|
||||||
.ci-status-icon svg {
|
.ci-status-icon svg {
|
||||||
margin: 3px 0;
|
margin: 3px 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
|
@ -0,0 +1,5 @@
|
||||||
|
---
|
||||||
|
title: Adjust size and align MR-widget loading icon
|
||||||
|
merge_request: 31503
|
||||||
|
author:
|
||||||
|
type: fixed
|
Loading…
Reference in a new issue