重构代码: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) { @media (min-height: 672px) {
.sidebar { .sidebar {
top: 94px; top: 94px;
@ -98,9 +135,4 @@
.aside.open { .aside.open {
transform: translate(0); transform: translate(0);
} }
.modal-dialog .modal-body {
max-height: 600px;
overflow: auto;
}
} }

View File

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

View File

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