Merge branch '26153-refactor-line-length' into 'master'

Refactor line length css

Closes #26153

See merge request !8354

app/assets/stylesheets/pages/issuable.scss

-// Limit MR description for side-by-side diff view
-.container-limited {
-  &.limit-container-width {
-    .detail-page-header {
-      max-width: calc(#{$limited-layout-width} - (#{$gl-padding} * 2));
-      margin-left: auto;
-      margin-right: auto;
-    }
-
-    .issuable-details {
-      .detail-page-description,
-      .mr-source-target,
-      .mr-state-widget,
-      .merge-manually {
-        max-width: calc(#{$limited-layout-width} - (#{$gl-padding} * 2));
-        margin-left: auto;
-        margin-right: auto;
-      }
-
-      .merge-request-tabs-holder {
-        &.affix {
-          border-bottom: 1px solid $border-color;
-
-          .nav-links {
-            border: 0;
-          }
-        }
-
-        .container-fluid {
-          padding-left: 0;
-          padding-right: 0;
-          max-width: calc(#{$limited-layout-width} - (#{$gl-padding} * 2));
-          margin-left: auto;
-          margin-right: auto;
-        }
-      }
-    }
-
-    .diffs {
-      .mr-version-controls,
-      .files-changed {
-        max-width: calc(#{$limited-layout-width} - (#{$gl-padding} * 2));
-        margin-left: auto;
-        margin-right: auto;
-      }
-    }
-  }
-}
-
 .issuable-details {
   section {
     .issuable-discussion {

app/assets/stylesheets/pages/merge_requests.scss

@@ -424,6 +424,10 @@
 .merge-request-tabs-holder {
   background-color: $white-light;
 
+  .container-limited {
+    max-width: $limited-layout-width;
+  }
+
   &.affix {
     top: 100px;
     left: 0;