Commit f1edde21 authored by Jose Vargas's avatar Jose Vargas

Remove prepend-top-4 CSS class

This removes the prepend-top-4 CSS class
and replaces it for gl-mt-2 utility class
from GitLab UI
parent ece38eb1
......@@ -169,7 +169,7 @@ export default {
}}</a>
</h4>
</div>
<div v-if="showLabelFooter" class="board-card-labels prepend-top-4 d-flex flex-wrap">
<div v-if="showLabelFooter" class="board-card-labels gl-mt-2 d-flex flex-wrap">
<template v-for="label in orderedLabels">
<gl-label
:key="label.id"
......
......@@ -235,7 +235,7 @@ export default {
<gl-link href="/help/ci/variables/README#protected-environment-variables">
<gl-icon name="question" :size="12" />
</gl-link>
<p class="prepend-top-4 text-secondary">
<p class="gl-mt-2 text-secondary">
{{ __('Export variable to pipelines running on protected branches and tags only.') }}
</p>
</gl-form-checkbox>
......@@ -249,7 +249,7 @@ export default {
<gl-link href="/help/ci/variables/README#masked-variables">
<gl-icon name="question" :size="12" />
</gl-link>
<p class="prepend-top-4 gl-mb-0 text-secondary">
<p class="gl-mt-2 gl-mb-0 text-secondary">
{{ __('Variable will be masked in job logs.') }}
<span
:class="{
......
......@@ -396,7 +396,6 @@ img.emoji {
🚨 Do not use these classes — they are deprecated and being removed. 🚨
See https://gitlab.com/gitlab-org/gitlab/-/issues/217418 for more details.
**/
.prepend-top-4 { margin-top: $gl-padding-4; }
.prepend-top-5 { margin-top: 5px; }
.prepend-top-10 { margin-top: 10px; }
.prepend-top-15 { margin-top: 15px; }
......
......@@ -94,7 +94,7 @@ export default {
status="none"
:status-icon-size="24"
:component="$options.componentNames.MetricsReportsIssueBody"
class="gl-ml-2 prepend-top-4 gl-mb-3"
class="gl-ml-2 gl-mt-2 gl-mb-3"
/>
</smart-virtual-list>
</div>
......
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