kotovalexarian-likes-gitlab/gitlab-org--gitlab-foss
1
0
Fork 0
Code Releases Activity

Fixes styling issues in test reports

Browse source 
In the Merge Request widget, the reports for tests
had an extra border.
The loading icon in the mr widget used in all
report sections had an extra margin causing text
to be misaligned.
This commit fixes both issues

Closes #52147
This commit is contained in:
Filipa Lacerda 2018-10-08 18:02:48 +01:00
parent f5c8923ac2
commit 2fa9b1fe8b
3 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/javascripts/vue_merge_request_widget/mr_widget_options.vue
View file

@ -268,11 +268,11 @@ export default {
:key="deployment.id" :key="deployment.id"
:deployment="deployment" :deployment="deployment"
/> />
<div class="mr-section-container">
<grouped-test-reports-app <grouped-test-reports-app
v-if="mr.testResultsPath" v-if="mr.testResultsPath"
:endpoint="mr.testResultsPath" :endpoint="mr.testResultsPath"
/> />
<div class="mr-section-container">
<div class="mr-widget-section"> <div class="mr-widget-section">
<component <component
:is="componentName" :is="componentName"

1
app/assets/stylesheets/pages/merge_requests.scss
View file

@ -201,7 +201,6 @@
.mr-widget-icon { .mr-widget-icon {
font-size: 22px; font-size: 22px;
margin-right: $gl-btn-padding;
} }
.ci-status-icon svg { .ci-status-icon svg {

5
changelogs/unreleased/52147-loading-state.yml Normal file
View file

@ -0,0 +1,5 @@
---
title: Removes extra border from test reports in the merge request widget
merge_request:
author:
type: fixed