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>
|
||||
<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>
|
||||
|
|
|
@ -208,6 +208,10 @@
|
|||
font-size: 22px;
|
||||
}
|
||||
|
||||
.mr-loading-icon {
|
||||
margin: 3px 0;
|
||||
}
|
||||
|
||||
.ci-status-icon svg {
|
||||
margin: 3px 0;
|
||||
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