datasurvey/src/main/webapp/content/scss/paper-dashboard/_modals.scss

100 lines
1.6 KiB
SCSS

.modal-header {
// border-bottom: 1px solid $medium-gray;
border: none !important;
padding: 20px;
text-align: center;
display: block !important;
&.no-border-header {
border-bottom: 0 none !important;
& .modal-title {
margin-top: 20px;
}
}
button.close {
&:focus {
outline: none;
}
}
.modal-profile {
width: 70px;
height: 70px;
border-radius: 50%;
text-align: center;
line-height: 6.4;
border: 1px solid rgba(0, 0, 0, 0.3);
i {
font-size: 30px;
}
}
}
.modal-dialog {
&.modal-sm,
&.modal-register {
.modal-header {
button.close {
margin-top: 0;
}
}
}
}
.modal-content {
border: none !important;
border-radius: 3px !important;
box-shadow: none !important;
.modal-header {
h6 {
margin-top: 10px;
}
}
}
.modal-dialog {
padding-top: 60px;
}
.modal-body {
padding: 20px 50px;
color: #000;
}
.modal-footer {
// border-top: 1px solid $medium-gray;
border: none !important;
// padding: 0px;
&.no-border-footer {
border-top: 0 none;
}
}
.modal-footer .left-side,
.modal-footer .right-side {
display: inline-block;
text-align: center;
width: 50%;
padding: 5px;
}
.modal-footer .btn-link {
padding: 20px;
width: 100%;
margin: 0;
}
.modal-footer .divider {
background-color: $medium-gray;
display: inline-block;
float: inherit;
height: 63px;
margin: 0px -3px;
// position: absolute;
width: 1px;
}
.modal-register .modal-footer {
text-align: center;
margin-bottom: 25px;
padding: 20px 0 15px;
span {
width: 100%;
}
}