Disable mail preview spliter for mobile framework, and apply some font styling

This commit is contained in:
Hadi Nategh 2014-12-11 13:34:44 +00:00
parent 6289006330
commit 5084f4848b
2 changed files with 61 additions and 0 deletions

View File

@ -795,3 +795,40 @@ blockquote blockquote blockquote blockquote blockquote blockquote{
padding-top: 10px;
}
}
/* MOBILE (Portrait & Landscape) View --------------*/
@media only screen and (max-device-width:1024px) {
div#mail-index_nm {
height: 100% !important;
}
/*Disable the preview spliter*/
div#mail-index_mailPreview, div.splitter-bar {
display: none !important;
}
}
/* tablets and smartphones (portrait) ----------- */
@media only screen
and (max-device-width : 1024px)
and (orientation : portrait) {
div#mail-index div#mail-index_nm tr.mail.row {
font-size: medium;
}
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px)
and (max-device-width:768){
div#mail-index div#mail-index_nm tr.mail.row {
font-size: medium;
}
}
/* Mobile (landscape) Tablet----------- */
@media only screen
and (max-device-width : 1024px)
and (orientation : landscape) {
}

View File

@ -789,6 +789,30 @@ blockquote blockquote blockquote blockquote blockquote blockquote {
padding-top: 10px;
}
}
/* MOBILE (Portrait & Landscape) View --------------*/
@media only screen and (max-device-width: 1024px) {
div#mail-index_nm {
height: 100% !important;
}
/*Disable the preview spliter*/
div#mail-index_mailPreview,
div.splitter-bar {
display: none !important;
}
}
/* tablets and smartphones (portrait) ----------- */
@media only screen and (max-device-width: 1024px) and (orientation: portrait) {
div#mail-index div#mail-index_nm tr.mail.row {
font-size: medium;
}
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) and (max-device-width: 768) {
div#mail-index div#mail-index_nm tr.mail.row {
font-size: medium;
}
}
/* Mobile (landscape) Tablet----------- */
#popupMainDiv {
padding: 5px;
}