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 { :host .file-dialog .header .title {
float: left; float: left;
min-width: 170px; min-width: 150px;
color: white; color: white;
} }
@ -126,9 +126,32 @@
text-align: left; 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) { @media only screen and (min-width: 360px) and (max-width: 640px) {
.file-dialog { .file-dialog {
width: 315px; 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; 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) { @media only screen and (min-width: 360px) and (max-width: 640px) {
.truncate { .truncate {
max-width: 80px; max-width: 80px;
} }
.mdl-progress { .mdl-progress {
max-width: 80px; max-width: 80px;
} }