mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-25 19:14:09 +03:00
Merge pull request #479 from GradyD/modal
Adjusted padding on dialog(modal) to be more inline with standards
This commit is contained in:
commit
0c9a7b0d44
|
@ -1,18 +1,32 @@
|
|||
//
|
||||
// Modals
|
||||
// Material Design element Dialogs
|
||||
// --------------------------------------------------
|
||||
.modal-content {
|
||||
.shadow-z-5();
|
||||
border-radius: 2px;
|
||||
border: none;
|
||||
// Modal header
|
||||
// Top section of the modal w/ title and dismiss
|
||||
.modal-header {
|
||||
border-bottom: none;
|
||||
padding: 24px;
|
||||
padding-bottom: 0;
|
||||
padding-top: 24px;
|
||||
padding-right: 24px;
|
||||
padding-bottom: 0px;
|
||||
padding-left: 24px;
|
||||
}
|
||||
// Modal body
|
||||
// Where all modal content resides (sibling of .modal-header and .modal-footer)
|
||||
.modal-body {
|
||||
padding: 24px;
|
||||
padding-top: 0px;
|
||||
padding-right: 24px;
|
||||
padding-bottom: 16px;
|
||||
padding-left: 24px;
|
||||
}
|
||||
// Footer (for actions)
|
||||
.modal-footer {
|
||||
border-top: none;
|
||||
padding: 24px;
|
||||
padding: 7px;
|
||||
button {
|
||||
margin: 0;
|
||||
padding-left: 16px;
|
||||
|
@ -33,7 +47,6 @@
|
|||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.modal-backdrop {
|
||||
background: rgba(0,0,0,0.3);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue
Block a user