diff options
| author | Andres Galante <[email protected]> | 2017-10-01 01:42:24 -0500 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2017-10-01 09:42:24 +0300 |
| commit | 3624025a3bc025ad204ffcf5c8e86f57210b02e3 (patch) | |
| tree | b5f7d08068b9e0c1945c839e04fe9e7dd343484b | |
| parent | bbb6ab12751d7a9b385c8d93d1ff9545b239e094 (diff) | |
| download | bootstrap-3624025a3bc025ad204ffcf5c8e86f57210b02e3.tar.xz bootstrap-3624025a3bc025ad204ffcf5c8e86f57210b02e3.zip | |
extends the click area of the close btn on modals (#23783)
| -rw-r--r-- | scss/_modal.scss | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/scss/_modal.scss b/scss/_modal.scss index a563e6ffb..66f981151 100644 --- a/scss/_modal.scss +++ b/scss/_modal.scss @@ -82,13 +82,14 @@ // Top section of the modal w/ title and dismiss .modal-header { display: flex; - align-items: center; // vertically center it + align-items: flex-start; // so the close btn always stays on the upper right corner justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends padding: $modal-header-padding; border-bottom: $modal-header-border-width solid $modal-header-border-color; .close { - margin-left: auto; // Force icon to the right even when there's no .modal-title + padding: $modal-header-padding; + margin: (-$modal-header-padding) (-$modal-header-padding) (-$modal-header-padding) auto; // auto on the left force icon to the right even when there is no .modal-title } } |