20916 Shorten line length of issues and mrs

app/assets/javascripts/issue.js

@@ -11,6 +11,7 @@
     function Issue() {
       this.submitNoteForm = bind(this.submitNoteForm, this);
       // Prevent duplicate event bindings
+      this.limitContainerWidth();
       this.disableTaskList();
       if ($('a.btn-close').length) {
         this.initTaskList();
@@ -21,6 +22,11 @@
       this.initCanCreateBranch();
     }
 
+    Issue.prototype.limitContainerWidth = function() {
+      var $wrapper = $('.content-wrapper .container-fluid');
+      $wrapper.addClass('limit-container-width')
+    };
+
     Issue.prototype.initTaskList = function() {
       $('.detail-page-description .js-task-list-container').taskList('enable');
       return $(document).on('tasklist:changed', '.detail-page-description .js-task-list-container', this.updateTaskList);

app/assets/javascripts/merge_request.js

@@ -14,6 +14,7 @@
       // Options:
       //   action - String, current controller action
       //
+      this.limitContainerWidth();
       this.opts = opts != null ? opts : {};
       this.submitNoteForm = bind(this.submitNoteForm, this);
       this.$el = $('.merge-request');
@@ -31,6 +32,11 @@
       }
     }
 
+    MergeRequest.prototype.limitContainerWidth = function() {
+      var $wrapper = $('.content-wrapper .container-fluid');
+      $wrapper.addClass('limit-container-width')
+    };
+
     // Local jQuery finder
     MergeRequest.prototype.$ = function(selector) {
       return this.$el.find(selector);

app/assets/stylesheets/framework/layout.scss

@@ -26,6 +26,10 @@ body {
 
 .container-limited {
   max-width: $fixed-layout-width;
+
+  &.limit-container-width {
+    max-width: $limited-layout-width;
+  }
 }
 
 

app/assets/stylesheets/framework/variables.scss

@@ -166,6 +166,9 @@ $row-hover-border: #b2d7ff;
 $progress-color: #c0392b;
 $header-height: 50px;
 $fixed-layout-width: 1280px;
+$limited-layout-width: 958px;
+$line-length-width: 700px;
+$gl-avatar-size: 40px;
 $error-exclamation-point: #e62958;
 $border-radius-default: 2px;
 $btn-transparent-color: #8f8f8f;

app/assets/stylesheets/pages/issuable.scss

+.container-limited.limit-container-width {
+  .issue-details {
+    .description,
+    .note-body {
+      p,
+      ul,
+      ol,
+      .code {
+        max-width: $line-length-width;
+      }
+    }
+  }
+}
 .issuable-details {
   section {
     .issuable-discussion {