From 7224b8cea6d674c56393626c80f3cc8bdfa26efe Mon Sep 17 00:00:00 2001
From: Filipa Lacerda <filipa@gitlab.com>
Date: Tue, 20 Mar 2018 17:26:30 +0000
Subject: Adds a bigger width to the performance bar modal box and breaks the
 content

---
 .../javascripts/performance_bar/components/detailed_metric.vue |  1 +
 app/assets/stylesheets/framework/common.scss                   |  5 +++++
 app/assets/stylesheets/performance_bar.scss                    | 10 ++++++++--
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/performance_bar/components/detailed_metric.vue b/app/assets/javascripts/performance_bar/components/detailed_metric.vue
index 145465f4ee9..68d539c57a4 100644
--- a/app/assets/javascripts/performance_bar/components/detailed_metric.vue
+++ b/app/assets/javascripts/performance_bar/components/detailed_metric.vue
@@ -64,6 +64,7 @@ export default {
           <td
             v-for="key in keys"
             :key="key"
+            class="break-all"
           >
             {{ item[key] }}
           </td>
diff --git a/app/assets/stylesheets/framework/common.scss b/app/assets/stylesheets/framework/common.scss
index 37d33320445..92143b625c6 100644
--- a/app/assets/stylesheets/framework/common.scss
+++ b/app/assets/stylesheets/framework/common.scss
@@ -446,6 +446,11 @@ img.emoji {
   opacity: .5;
 }
 
+.break-all {
+  word-wrap: break-word;
+  word-break: break-all;
+}
+
 /** COMMON CLASSES **/
 .prepend-top-0 { margin-top: 0; }
 .prepend-top-5 { margin-top: 5px; }
diff --git a/app/assets/stylesheets/performance_bar.scss b/app/assets/stylesheets/performance_bar.scss
index d06148a7bf8..9c1d36fc59a 100644
--- a/app/assets/stylesheets/performance_bar.scss
+++ b/app/assets/stylesheets/performance_bar.scss
@@ -108,8 +108,14 @@
     }
   }
 
-  .performance-bar-modal .modal-footer {
-    display: none;
+  .performance-bar-modal {
+    .modal-footer {
+      display: none;
+    }
+
+    .modal-dialog {
+      width: 860px;
+    }
   }
 }
 
-- 
cgit v1.2.1


From b6a9a8baf5d05121b2665e62a7169bb55459ae69 Mon Sep 17 00:00:00 2001
From: Filipa Lacerda <filipa@gitlab.com>
Date: Wed, 21 Mar 2018 14:51:45 +0000
Subject: Prevent column with smaller width in performance bar

---
 app/assets/stylesheets/framework/common.scss | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/framework/common.scss b/app/assets/stylesheets/framework/common.scss
index 92143b625c6..d0dda50a835 100644
--- a/app/assets/stylesheets/framework/common.scss
+++ b/app/assets/stylesheets/framework/common.scss
@@ -446,9 +446,8 @@ img.emoji {
   opacity: .5;
 }
 
-.break-all {
+.break-word {
   word-wrap: break-word;
-  word-break: break-all;
 }
 
 /** COMMON CLASSES **/
-- 
cgit v1.2.1


From 3886489a479956a1758b68105815418766155815 Mon Sep 17 00:00:00 2001
From: Filipa Lacerda <filipa@gitlab.com>
Date: Thu, 22 Mar 2018 10:55:35 +0000
Subject: Fix class name

---
 app/assets/javascripts/performance_bar/components/detailed_metric.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/assets/javascripts/performance_bar/components/detailed_metric.vue b/app/assets/javascripts/performance_bar/components/detailed_metric.vue
index 882d6f7077a..db8a0055acd 100644
--- a/app/assets/javascripts/performance_bar/components/detailed_metric.vue
+++ b/app/assets/javascripts/performance_bar/components/detailed_metric.vue
@@ -70,7 +70,7 @@ export default {
             <td
               v-for="key in keys"
               :key="key"
-              class="break-all"
+              class="break-word"
             >
               {{ item[key] }}
             </td>
-- 
cgit v1.2.1