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

Fix job name overflow in Firefox, Safari and IE

Browse source
This commit is contained in:
Fernando Arias 2019-01-27 22:35:23 -05:00
parent c5e57aa895
commit 0d8222e3d3
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/javascripts/jobs/components/sidebar.vue
View file

@ -110,7 +110,7 @@ export default {
<div class="sidebar-container">
<div class="blocks-container">
<div class="block d-flex flex-nowrap align-items-center">
<h4 class="my-0 mr-2">{{ job.name }}</h4>
<h4 class="my-0 mr-2 text-break-word">{{ job.name }}</h4>
<div class="flex-grow-1 flex-shrink-0 text-right">
<gl-link
v-if="job.retry_path"

4
app/assets/stylesheets/framework/common.scss
View file

@ -48,6 +48,10 @@
color: $brand-info;
}
.text-break-word {
word-break: break-word;
}
.hint { font-style: italic; color: $gl-gray-400; }
.light { color: $gl-text-color; }