Fixed iphon css

This commit is contained in:
mauriziovitale84 2016-06-21 11:21:39 +01:00
parent 6d8247b785
commit 1fce256b0b
2 changed files with 33 additions and 2 deletions

View File

@ -48,7 +48,7 @@
:host .file-dialog .header .title {
float: left;
min-width: 170px;
min-width: 150px;
color: white;
}
@ -126,9 +126,32 @@
text-align: left;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
.file-dialog {
width: 280px;
}
}
@media only screen and (min-width: 360px) and (max-width: 640px) {
.file-dialog {
width: 315px;
}
}
@media only screen and (min-width: 375px) and (max-width: 667px) {
.file-dialog {
width: 325px;
}
}
@media only screen and (min-width: 411px) and (max-width: 731px) {
.file-dialog {
width: 365px;
}
}
@media only screen and (min-width: 435px) and (max-width: 773px) {
.content-layout {
height: 420px
}
}

View File

@ -48,11 +48,19 @@
width: 300px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
.truncate {
width: 60px;
}
.mdl-progress {
width: 60px;
}
}
@media only screen and (min-width: 360px) and (max-width: 640px) {
.truncate {
max-width: 80px;
}
.mdl-progress {
max-width: 80px;
}