Avoid close icon leaving the modal header

d59bafb9 · Winnie Hellmann · Kamil Trzciński · dca61d1d · d59bafb9
Commit d59bafb9 authored Sep 25, 2018 by Winnie Hellmann Committed by Kamil Trzciński Oct 04, 2018
Hide whitespace changes
Inline Side-by-side

Showing with 11 additions and 0 deletions

app/assets/stylesheets/framework/modal.scss app/assets/stylesheets/framework/modal.scss +11 -0

No files found.
--- a/app/assets/stylesheets/framework/modal.scss
+++ b/app/assets/stylesheets/framework/modal.scss
@@ -30,6 +30,17 @@
    }
  }

+  // leave enough space for the close icon
+  .modal-title {
+    &.mw-100,
+    &.w-100 {
+      // after upgrading to Bootstrap 4.2 we can use $modal-header-padding-x here
+      // https://github.com/twbs/bootstrap/pull/26976
+      margin-right: -2rem;
+      padding-right: 2rem;
+    }
+  }
+
  .page-title {
    margin-top: 0;
  }