Commit 6c131b5b authored by Paul Gascou-Vaillancourt's avatar Paul Gascou-Vaillancourt Committed by Jacques Erasmus

Migrate deprecated CSS utils

Migrate CSS utils to use the updated naming conventions.
parent eb294599
......@@ -57,7 +57,7 @@ export default {
'totalClusters',
]),
contentAlignClasses() {
return 'gl-display-flex gl-align-items-center gl-justify-content-end gl-justify-content-md-start';
return 'gl-display-flex gl-align-items-center gl-justify-content-end gl-md-justify-content-start';
},
currentPage: {
get() {
......
......@@ -128,7 +128,7 @@ export default {
>
<template #cell(name)="{ item }">
<div
class="gl-display-flex align-items-center gl-justify-content-end gl-justify-content-md-start"
class="gl-display-flex align-items-center gl-justify-content-end gl-md-justify-content-start"
data-testid="terraform-states-table-name"
>
<p class="gl-font-weight-bold gl-m-0 gl-text-gray-900">
......
......@@ -90,7 +90,7 @@ export default {
</template>
<div class="row">
<div
class="col-md-5 order-md-last col-12 gl-mt-5 gl-mt-md-n2! gl-pt-md-2 svg-content svg-225"
class="col-md-5 order-md-last col-12 gl-mt-5 gl-md-mt-n2! gl-md-pt-2 svg-content svg-225"
>
<img data-testid="pipeline-image" :src="pipelineSvgPath" />
</div>
......
......@@ -201,7 +201,7 @@ export default {
v-if="item.group.latestSnapshot"
:key="col.key"
:data-testid="col.testId"
class="gl-display-flex gl-align-items-center gl-justify-content-end gl-justify-content-md-start"
class="gl-display-flex gl-align-items-center gl-justify-content-end gl-md-justify-content-start"
>
<span class="gl-w-7 gl-mr-3">{{ item.adoption[col.key].percent }}</span>
<gl-progress-bar
......
- if credential.expires?
- expiry_date = credential.expires_at.to_date
- date_classes = 'gl-display-flex gl-align-items-center has-tooltip gl-w-full gl-justify-content-end gl-justify-content-md-start'
- date_classes = 'gl-display-flex gl-align-items-center has-tooltip gl-w-full gl-justify-content-end gl-md-justify-content-start'
- if credential.expired?
%span{ class: date_classes + ' gl-text-red-500', title: _('This credential has expired'), data: { testid: 'expiry-date-icon' } }
......
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