Fixes stylelint issues for builds.scss
Replaces CSS with utility classes Removes unused CSS
This commit is contained in:
parent
ec78044443
commit
7643e66667
5 changed files with 18 additions and 47 deletions
|
@ -275,7 +275,7 @@ export default {
|
||||||
<!-- job log -->
|
<!-- job log -->
|
||||||
<div
|
<div
|
||||||
v-if="hasTrace"
|
v-if="hasTrace"
|
||||||
class="build-trace-container"
|
class="build-trace-container position-relative"
|
||||||
:class="{ 'prepend-top-default': !job.archived }"
|
:class="{ 'prepend-top-default': !job.archived }"
|
||||||
>
|
>
|
||||||
<log-top-bar
|
<log-top-bar
|
||||||
|
|
|
@ -43,7 +43,7 @@ export default {
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
class="build-job"
|
class="build-job position-relative"
|
||||||
:class="{
|
:class="{
|
||||||
retried: job.retried,
|
retried: job.retried,
|
||||||
active: isActive,
|
active: isActive,
|
||||||
|
@ -56,7 +56,11 @@ export default {
|
||||||
data-boundary="viewport"
|
data-boundary="viewport"
|
||||||
class="js-job-link"
|
class="js-job-link"
|
||||||
>
|
>
|
||||||
<icon v-if="isActive" name="arrow-right" class="js-arrow-right icon-arrow-right" />
|
<icon
|
||||||
|
v-if="isActive"
|
||||||
|
name="arrow-right"
|
||||||
|
class="js-arrow-right icon-arrow-right position-absolute d-block"
|
||||||
|
/>
|
||||||
|
|
||||||
<ci-icon :status="job.status" />
|
<ci-icon :status="job.status" />
|
||||||
|
|
||||||
|
|
|
@ -75,7 +75,11 @@ export default {
|
||||||
<template v-if="isTraceSizeVisible">
|
<template v-if="isTraceSizeVisible">
|
||||||
{{ jobLogSize }}
|
{{ jobLogSize }}
|
||||||
|
|
||||||
<gl-link v-if="rawPath" :href="rawPath" class="js-raw-link raw-link">
|
<gl-link
|
||||||
|
v-if="rawPath"
|
||||||
|
:href="rawPath"
|
||||||
|
class="js-raw-link text-plain text-underline prepend-left-5"
|
||||||
|
>
|
||||||
{{ s__('Job|Complete Raw') }}
|
{{ s__('Job|Complete Raw') }}
|
||||||
</gl-link>
|
</gl-link>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -52,7 +52,7 @@ export default {
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<template v-if="hasVariables">
|
<template v-if="hasVariables">
|
||||||
<p class="trigger-variables-btn-container">
|
<p class="trigger-variables-btn-container d-flex">
|
||||||
<span class="font-weight-bold">{{ __('Trigger variables:') }}</span>
|
<span class="font-weight-bold">{{ __('Trigger variables:') }}</span>
|
||||||
|
|
||||||
<gl-button
|
<gl-button
|
||||||
|
|
|
@ -46,10 +46,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.build-page {
|
.build-page {
|
||||||
.build-trace-container {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.build-trace {
|
.build-trace {
|
||||||
@include build-trace();
|
@include build-trace();
|
||||||
}
|
}
|
||||||
|
@ -104,18 +100,6 @@
|
||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.truncated-info {
|
|
||||||
.truncated-info-size {
|
|
||||||
margin: 0 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.raw-link {
|
|
||||||
color: $gl-text-color;
|
|
||||||
margin-left: 5px;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.controllers {
|
.controllers {
|
||||||
@include build-controllers(15px, center, false, 0, inline, 0);
|
@include build-controllers(15px, center, false, 0, inline, 0);
|
||||||
}
|
}
|
||||||
|
@ -142,12 +126,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.with-performance-bar .build-page {
|
|
||||||
.top-bar.affix {
|
|
||||||
top: $header-height + $performance-bar-height;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.build-header {
|
.build-header {
|
||||||
.ci-header-container,
|
.ci-header-container,
|
||||||
.header-action-buttons {
|
.header-action-buttons {
|
||||||
|
@ -233,7 +211,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.trigger-variables-btn-container {
|
.trigger-variables-btn-container {
|
||||||
@extend .d-flex;
|
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
|
@ -277,12 +254,6 @@
|
||||||
.retry-link {
|
.retry-link {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
.btn {
|
|
||||||
i {
|
|
||||||
margin-left: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-inverted-secondary {
|
.btn-inverted-secondary {
|
||||||
color: $blue-500;
|
color: $blue-500;
|
||||||
|
|
||||||
|
@ -329,16 +300,12 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.build-job {
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.icon-arrow-right {
|
.icon-arrow-right {
|
||||||
position: absolute;
|
|
||||||
left: 15px;
|
left: 15px;
|
||||||
top: 20px;
|
top: 20px;
|
||||||
display: block;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.build-job {
|
||||||
&.active {
|
&.active {
|
||||||
font-weight: $gl-font-weight-bold;
|
font-weight: $gl-font-weight-bold;
|
||||||
}
|
}
|
||||||
|
@ -350,10 +317,6 @@
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: $gray-darker;
|
background-color: $gray-darker;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-retry {
|
|
||||||
margin-left: 3px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue