Hopiu/bootstrap
1
0
Fork 0
mirror of https://github.com/Hopiu/bootstrap.git synced 2026-03-24 16:30:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

extends the click area of the close btn on modals (#23783)

Browse source
This commit is contained in:
Andres Galante 2017-10-01 01:42:24 -05:00 committed by XhmikosR
parent bbb6ab1275
commit 3624025a3b
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
scss/_modal.scss
View file

@ -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
}
}