diff options
| author | Andres Galante <agalante@gmail.com> | 2017-10-01 09:42:24 +0300 |
|---|---|---|
| committer | XhmikosR <xhmikosr@gmail.com> | 2017-10-01 09:42:24 +0300 |
| commit | 3624025a3bc025ad204ffcf5c8e86f57210b02e3 (patch) | |
| tree | b5f7d08068b9e0c1945c839e04fe9e7dd343484b /scss/_modal.scss | |
| parent | bbb6ab12751d7a9b385c8d93d1ff9545b239e094 (diff) | |
extends the click area of the close btn on modals (#23783)
Diffstat (limited to 'scss/_modal.scss')
| -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 a563e6ffbd..66f981151a 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 } } |