diff options
| author | Filipa Lacerda <filipa@gitlab.com> | 2018-03-20 17:26:30 +0000 |
|---|---|---|
| committer | Filipa Lacerda <filipa@gitlab.com> | 2018-03-20 17:26:30 +0000 |
| commit | 7224b8cea6d674c56393626c80f3cc8bdfa26efe (patch) | |
| tree | 6026ba98d96b739bf8014bed99513675d5c6b1b4 | |
| parent | a2d82d4c5522b6d3668481e2fcfc77b0830ce9b6 (diff) | |
| download | gitlab-ce-7224b8cea6d674c56393626c80f3cc8bdfa26efe.tar.gz | |
Adds a bigger width to the performance bar modal box and breaks the content
| -rw-r--r-- | app/assets/javascripts/performance_bar/components/detailed_metric.vue | 1 | ||||
| -rw-r--r-- | app/assets/stylesheets/framework/common.scss | 5 | ||||
| -rw-r--r-- | 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; + } } } |