Commit 029381b1 authored by Clement Ho's avatar Clement Ho

Merge branch '64831-add-padding-to-merged-by-widget' into 'master'

Resolve "Add padding to "merged by" widget"

Closes #64831

See merge request gitlab-org/gitlab-ce!30972
parents d2aeae58 96d10213
...@@ -166,7 +166,7 @@ export default { ...@@ -166,7 +166,7 @@ export default {
<section class="media-section"> <section class="media-section">
<div class="media"> <div class="media">
<status-icon :status="statusIconName" :size="24" /> <status-icon :status="statusIconName" :size="24" />
<div class="media-body d-flex flex-align-self-center prepend-left-default"> <div class="media-body d-flex flex-align-self-center">
<span class="js-code-text code-text"> <span class="js-code-text code-text">
{{ headerText }} {{ headerText }}
<slot :name="slotName"></slot> <slot :name="slotName"></slot>
......
...@@ -32,10 +32,13 @@ export default { ...@@ -32,10 +32,13 @@ export default {
}; };
</script> </script>
<template> <template>
<div class="d-flex widget-status-icon"> <div class="d-flex align-self-start">
<div v-if="isLoading" class="mr-widget-icon"><gl-loading-icon size="sm" /></div> <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>
<ci-icon v-else :status="statusObj" :size="24" /> <ci-icon v-else :status="statusObj" :size="24" />
</div>
<button <button
v-if="showDisabledButton" v-if="showDisabledButton"
......
...@@ -88,7 +88,7 @@ ...@@ -88,7 +88,7 @@
} }
.mr-widget-info { .mr-widget-info {
padding-left: $gl-padding-50 - $gl-padding-32; padding-left: $gl-padding;
padding-right: $gl-padding; padding-right: $gl-padding;
} }
...@@ -262,23 +262,11 @@ ...@@ -262,23 +262,11 @@
} }
} }
.widget-status-icon {
align-self: flex-start;
button {
margin-left: $gl-padding;
}
}
.mr-widget-body { .mr-widget-body {
line-height: 28px; line-height: 28px;
@include clearfix; @include clearfix;
button {
margin-left: $gl-padding;
}
.approve-btn { .approve-btn {
margin-right: 5px; margin-right: 5px;
} }
...@@ -527,7 +515,7 @@ ...@@ -527,7 +515,7 @@
} }
.mr-links { .mr-links {
padding-left: $status-icon-size + $gl-btn-padding; padding-left: $gl-padding-8 + $status-icon-size + $gl-btn-padding;
&:last-child { &:last-child {
padding-bottom: $gl-padding; padding-bottom: $gl-padding;
......
---
title: Add space to "merged by" widget
merge_request: 30972
author:
type: fixed
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