Resolve "Long comments overflow container on merge diffs"

https://gitlab.com/gitlab-org/gitlab/-/merge_requests/50715

Resolve "Long comments overflow container on merge diffs"
https://gitlab.com/gitlab-org/gitlab/-/merge_requests/50715
364d204a · Justin Boyson · Paul Slaughter · bfb97c64 · 364d204a
Commit 364d204a authored Jan 05, 2021 by Justin Boyson Committed by Paul Slaughter Jan 05, 2021
Hide whitespace changes
Inline Side-by-side

Showing with 5 additions and 5 deletions

app/assets/stylesheets/framework/diffs.scss app/assets/stylesheets/framework/diffs.scss +5 -5

No files found.
--- a/app/assets/stylesheets/framework/diffs.scss
+++ b/app/assets/stylesheets/framework/diffs.scss
@@ -601,27 +601,27 @@ table.code {

  .diff-grid-comments {
    display: grid;
-    grid-template-columns: 1fr 1fr;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .diff-grid-drafts {
    display: grid;
-    grid-template-columns: 1fr 1fr;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  &.inline {
    .diff-grid-comments {
      display: grid;
-      grid-template-columns: 1fr;
+      grid-template-columns: minmax(0, 1fr);
    }

    .diff-grid-drafts {
      display: grid;
-      grid-template-columns: 1fr;
+      grid-template-columns: minmax(0, 1fr);
    }

    .diff-grid-row {
-      grid-template-columns: 1fr;
+      grid-template-columns: minmax(0, 1fr);
    }

    .diff-grid-left,