Commit 1d229689 authored by Kushal Pandya's avatar Kushal Pandya

Merge branch 'fix-job-name-overflow' into 'master'

Fix job name overflow in Firefox, Safari and IE

Closes #56426

See merge request gitlab-org/gitlab-ce!24707
parents 6b1e1315 e551ebf6
...@@ -110,7 +110,7 @@ export default { ...@@ -110,7 +110,7 @@ export default {
<div class="sidebar-container"> <div class="sidebar-container">
<div class="blocks-container"> <div class="blocks-container">
<div class="block d-flex flex-nowrap align-items-center"> <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"> <div class="flex-grow-1 flex-shrink-0 text-right">
<gl-link <gl-link
v-if="job.retry_path" v-if="job.retry_path"
......
...@@ -48,6 +48,10 @@ ...@@ -48,6 +48,10 @@
color: $brand-info; color: $brand-info;
} }
.text-break-word {
word-break: break-all;
}
.hint { font-style: italic; color: $gl-gray-400; } .hint { font-style: italic; color: $gl-gray-400; }
.light { color: $gl-text-color; } .light { color: $gl-text-color; }
......
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