From 0d8222e3d3dca81a24d6279c6f997e7744b04f75 Mon Sep 17 00:00:00 2001
From: Fernando Arias <farias@gitlab.com>
Date: Sun, 27 Jan 2019 22:35:23 -0500
Subject: Fix job name overflow in Firefox, Safari and IE

---
 app/assets/javascripts/jobs/components/sidebar.vue | 2 +-
 app/assets/stylesheets/framework/common.scss       | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

(limited to 'app/assets')

diff --git a/app/assets/javascripts/jobs/components/sidebar.vue b/app/assets/javascripts/jobs/components/sidebar.vue
index a2141dc3760..1691ac62100 100644
--- a/app/assets/javascripts/jobs/components/sidebar.vue
+++ b/app/assets/javascripts/jobs/components/sidebar.vue
@@ -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"
diff --git a/app/assets/stylesheets/framework/common.scss b/app/assets/stylesheets/framework/common.scss
index c5c3b66438c..c0a4abce924 100644
--- a/app/assets/stylesheets/framework/common.scss
+++ b/app/assets/stylesheets/framework/common.scss
@@ -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; }
 
-- 
cgit v1.2.3


From e551ebf6a06e62ccce05d9d4666413ad2db63d21 Mon Sep 17 00:00:00 2001
From: Fernando Arias <farias@gitlab.com>
Date: Wed, 13 Feb 2019 08:25:30 -0600
Subject: Update text-break-word rule

* change to break-all for proper wrapping across all browsers
---
 app/assets/stylesheets/framework/common.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'app/assets')

diff --git a/app/assets/stylesheets/framework/common.scss b/app/assets/stylesheets/framework/common.scss
index c0a4abce924..dc279bfa202 100644
--- a/app/assets/stylesheets/framework/common.scss
+++ b/app/assets/stylesheets/framework/common.scss
@@ -49,7 +49,7 @@
 }
 
 .text-break-word {
-  word-break: break-word;
+  word-break: break-all;
 }
 
 .hint { font-style: italic; color: $gl-gray-400; }
-- 
cgit v1.2.3