modal dialog processing like a window

This commit is contained in:
Devaev Maxim
2018-08-27 14:48:44 +03:00
parent 9a243eaa04
commit 8aee773c1c
11 changed files with 102 additions and 90 deletions

View File

@@ -10,39 +10,43 @@ div.modal {
z-index: 2147483647;
}
div.modal div.modal-window {
div.modal-window {
display: table;
outline: none;
margin: 15% auto;
overflow: hidden;
border: var(--intensive-border);
border: var(--dark-border);
border-radius: 8px;
box-sizing: border-box;
box-shadow: var(--big-shadow);
background-color: var(--bg-color-light);
padding: 0;
}
div.modal-window:focus {
border: var(--intensive-border) !important;
}
div.modal div.modal-window div.modal-header {
div.modal-header {
text-align: center;
font-weight: bold;
padding: 3px 9px 3px 9px;
border-bottom: var(--normal-border);
}
div.modal div.modal-window div.modal-content {
div.modal-content {
max-width: 500px;
max-height: 500px;
padding: 16px 9px 16px 9px;
}
div.modal div.modal-window div.modal-buttons {
div.modal-buttons {
border-top: var(--dark-border);
margin: 0;
padding: 0;
font-size: 0;
}
div.modal div.modal-window div.modal-buttons button {
div.modal-buttons button {
height: 40px;
}