Migrate line header chevron
What does this MR do and why?
A small MVC for Migrate angle icon to chevron in app/assets/jav... (#362802 - closed) where we the chevron Icon in app/assets/javascripts/jobs/components/log/line_header.vue
.
Screenshots or screen recordings
Before | After |
---|---|
![]() |
![]() |
How to set up and validate locally
- Setup a Project with a
.gitlab-ci.yml
like this:
variables:
FF_SCRIPT_SECTIONS: 1 # Important
stages:
- build
build-job:
stage: build
before_script:
- echo "before_script"
- sleep 1
- sleep 2
- sleep 3
- echo $CI_JOB_STATUS
script:
- echo "hello"
- echo "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In dictum non consectetur a erat nam at. Hac habitasse platea dictumst vestibulum rhoncus est. Malesuada pellentesque elit eget gravida cum sociis natoque. Augue mauris augue neque gravida in fermentum. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Tellus orci ac auctor augue mauris augue neque gravida in. Dui id ornare arcu odio ut. Id aliquet risus feugiat in ante metus dictum at. Lacus vestibulum sed arcu non odio euismod lacinia at quis. Nascetur ridiculus mus mauris vitae. Aliquam malesuada bibendum arcu vitae elementum curabitur vitae."
- echo $CI_JOB_STATUS
- echo "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In dictum non consectetur a erat nam at. Hac habitasse platea dictumst vestibulum rhoncus est. Malesuada pellentesque elit eget gravida cum sociis natoque. Augue mauris augue neque gravida in fermentum. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Tellus orci ac auctor augue mauris augue neque gravida in. Dui id ornare arcu odio ut. Id aliquet risus feugiat in ante metus dictum at. Lacus vestibulum sed arcu non odio euismod lacinia at quis. Nascetur ridiculus mus mauris vitae. Aliquam malesuada bibendum arcu vitae elementum curabitur vitae.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In dictum non consectetur a erat nam at. Hac habitasse platea dictumst vestibulum rhoncus est. Malesuada pellentesque elit eget gravida cum sociis natoque. Augue mauris augue neque gravida in fermentum. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Tellus orci ac auctor augue mauris augue neque gravida in. Dui id ornare arcu odio ut. Id aliquet risus feugiat in ante metus dictum at. Lacus vestibulum sed arcu non odio euismod lacinia at quis. Nascetur ridiculus mus mauris vitae. Aliquam malesuada bibendum arcu vitae elementum curabitur vitae.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In dictum non consectetur a erat nam at. Hac habitasse platea dictumst vestibulum rhoncus est. Malesuada pellentesque elit eget gravida cum sociis natoque. Augue mauris augue neque gravida in fermentum. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Tellus orci ac auctor augue mauris augue neque gravida in. Dui id ornare arcu odio ut. Id aliquet risus feugiat in ante metus dictum at. Lacus vestibulum sed arcu non odio euismod lacinia at quis. Nascetur ridiculus mus mauris vitae. Aliquam malesuada bibendum arcu vitae elementum curabitur vitae."
- |
echo "First command line."
echo "Second command line."
echo "Third command line."
sleep 1
sleep 2
sleep 3
- |
echo "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In dictum non consectetur a erat nam at. Hac habitasse platea dictumst vestibulum rhoncus est. Malesuada pellentesque elit eget gravida cum sociis natoque. Augue mauris augue neque gravida in fermentum. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Tellus orci ac auctor augue mauris augue neque gravida in. Dui id ornare arcu odio ut. Id aliquet risus feugiat in ante metus dictum at. Lacus vestibulum sed arcu non odio euismod lacinia at quis. Nascetur ridiculus mus mauris vitae. Aliquam malesuada bibendum arcu vitae elementum curabitur vitae.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In dictum non consectetur a erat nam at. Hac habitasse platea dictumst vestibulum rhoncus est. Malesuada pellentesque elit eget gravida cum sociis natoque. Augue mauris augue neque gravida in fermentum. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Tellus orci ac auctor augue mauris augue neque gravida in. Dui id ornare arcu odio ut. Id aliquet risus feugiat in ante metus dictum at. Lacus vestibulum sed arcu non odio euismod lacinia at quis. Nascetur ridiculus mus mauris vitae. Aliquam malesuada bibendum arcu vitae elementum curabitur vitae."
echo "Second command line."
echo "Third command line."
sleep 1
sleep 2
sleep 3
after_script:
- sleep 1
- sleep 2
- sleep 3
- echo "after script"
- echo $CI_JOB_STATUS
- Ensure you have a local runner configured: https://gitlab.com/gitlab-org/gitlab-development-kit/-/blob/main/doc/howto/runner.md#simple-configuration
- Navigate to the passed job build and inspect a line collapse.
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Closes #362802 (closed)
Edited by David O'Regan