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 { ...@@ -57,7 +57,7 @@ export default {
'totalClusters', 'totalClusters',
]), ]),
contentAlignClasses() { 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: { currentPage: {
get() { get() {
......
...@@ -128,7 +128,7 @@ export default { ...@@ -128,7 +128,7 @@ export default {
> >
<template #cell(name)="{ item }"> <template #cell(name)="{ item }">
<div <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" data-testid="terraform-states-table-name"
> >
<p class="gl-font-weight-bold gl-m-0 gl-text-gray-900"> <p class="gl-font-weight-bold gl-m-0 gl-text-gray-900">
......
...@@ -90,7 +90,7 @@ export default { ...@@ -90,7 +90,7 @@ export default {
</template> </template>
<div class="row"> <div class="row">
<div <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" /> <img data-testid="pipeline-image" :src="pipelineSvgPath" />
</div> </div>
......
...@@ -201,7 +201,7 @@ export default { ...@@ -201,7 +201,7 @@ export default {
v-if="item.group.latestSnapshot" v-if="item.group.latestSnapshot"
:key="col.key" :key="col.key"
:data-testid="col.testId" :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> <span class="gl-w-7 gl-mr-3">{{ item.adoption[col.key].percent }}</span>
<gl-progress-bar <gl-progress-bar
......
- if credential.expires? - if credential.expires?
- expiry_date = credential.expires_at.to_date - 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? - if credential.expired?
%span{ class: date_classes + ' gl-text-red-500', title: _('This credential has expired'), data: { testid: 'expiry-date-icon' } } %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