Commit 5ad7378f authored by Mayra Cabrera's avatar Mayra Cabrera

Change ci/lint page to use a template structure

- Removes duplicated CSS
- Includes translations for strings
parent 02bc8998
import CILintEditor from '../ci_lint_editor';
document.addEventListener('DOMContentLoaded', () => new CILintEditor());
.ci-linter-container {
align-items: center;
display: flex;
height: calc(100vh - #{$header-height + $performance-bar-height});
justify-content: center;
text-align: center;
}
.ci-linter-inner {
width: auto;
}
.ci-linter-description {
color: $common-gray-light;
width: 500px;
}
.ci-linter-container
.ci-linter-inner
= image_tag 'illustrations/feature_moved.svg'
%h3 GitLab CI Linter has been moved
%p.ci-linter-description To validate your GitLab CI configurations, go to 'CI/CD → Pipelines' inside your project, and click on the 'CI Lint' button.
.row.empty-state
.col-xs-12
.svg-content
= image_tag 'illustrations/feature_moved.svg'
.col-xs-12
.text-content.text-center
%h4= _("GitLab CI Linter has been moved")
%p.ci-linter-description
= _("To validate your GitLab CI configurations, go to 'CI/CD → Pipelines' inside your project, and click on the 'CI Lint' button.")
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