重构代码:modal-body适配所有屏幕,增加最大高度限制

This commit is contained in:
Argo-Lenovo 2017-04-16 15:45:32 +08:00
parent 721e84c736
commit 200648a698
3 changed files with 43 additions and 6 deletions

View File

@ -73,6 +73,43 @@
}
}
@media (min-height: 375px) {
.modal-body {
height: 160px;
}
}
@media (min-height: 414px) {
.modal-body {
height: 200px;
}
}
@media (min-height: 568px) {
.modal-body {
height: 350px;
}
}
@media (min-height: 667px) {
.modal-body {
height: 450px;
}
}
@media (min-height: 736px) {
.modal-body {
height: 510px;
}
}
@media (min-height: 768px) {
.modal-body {
height: auto;
max-height: 540px;
}
}
@media (min-height: 672px) {
.sidebar {
top: 94px;
@ -98,9 +135,4 @@
.aside.open {
transform: translate(0);
}
.modal-dialog .modal-body {
max-height: 600px;
overflow: auto;
}
}

View File

@ -56,6 +56,11 @@
vertical-align: middle;
}
.modal-body {
height: 160px;
overflow: auto;
}
.modal-dialog .modal-body, .panel-body {
padding-bottom: 0;
}

View File

@ -90,7 +90,7 @@
right: 0;
top: 46px;
bottom: 65px;
overflow: auto;
max-height: none;
-webkit-overflow-scrolling: touch;
}