horizon/openstack_dashboard/static/dashboard/scss/components/_modals.scss

69 lines
1.1 KiB
SCSS

.modal.fullscreen .modal-dialog {
width: 90%;
margin: auto;
left: 5%;
}
.modal.loading .modal-dialog {
width: 170px;
.modal-body {
height: 170px;
}
}
.modal.loading p {
text-align: center;
position: absolute;
bottom: 0;
width: 150px;
}
.modal-body {
overflow-y: visible;
max-height: none;
textarea {
resize: vertical;
}
table {
margin-bottom: 30px;
}
& ~ hr {
margin-bottom: 0;
}
& > .nav-pills {
padding-bottom: $padding-base-horizontal;
}
}
.modal-footer {
.footer-row {
margin-right: 0;
margin-left: 0;
}
}
.modal-body {
.modal-footer {
width: 670px;
margin-left: -25px;
margin-right: -15px;
}
.help-block {
text-align: left;
float: left;
width: 100%;
margin-bottom: 10px;
}
// Subtract the help-button width and add the modal inner padding
// because the element is in the place which is applied the modal inner padding.
.step-description {
width: calc(100% - (#{$padding-xs-horizontal} * 2 + #{$font-size-h3}) + #{$modal-inner-padding});
}
}