From 2e396472af9ffdac3f34d1d665157da83b08f8e9 Mon Sep 17 00:00:00 2001 From: Hadi Nategh Date: Tue, 23 Feb 2016 19:24:19 +0000 Subject: [PATCH] Mobile theme W.I.P.: - Fix mail list does not show status icons --- mail/templates/default/app.css | 22 +++++----- mail/templates/mobile/app.css | 73 ++++++++++++++++++-------------- mail/templates/mobile/app.less | 21 +++++---- mail/templates/pixelegg/app.css | 55 ++++++++++++++---------- mail/templates/pixelegg/app.less | 24 +++++------ 5 files changed, 106 insertions(+), 89 deletions(-) diff --git a/mail/templates/default/app.css b/mail/templates/default/app.css index 08478aa0ee..8aff1c0316 100644 --- a/mail/templates/default/app.css +++ b/mail/templates/default/app.css @@ -93,35 +93,35 @@ span.status_img { width: 12px; height: 12px; background-repeat: no-repeat; - background-image: url(images/kmmsgread.png); + background-image: url(../default/images/kmmsgread.png); } tr.deleted span.status_img { - background-image: url(images/kmmsgdel.png); + background-image: url(../default/images/kmmsgdel.png); } tr.unseen span.status_img { - background-image: url(images/kmmsgunseen.png); + background-image: url(../default/images/kmmsgunseen.png); } tr.flagged_seen span.status_img { - background-image: url(images/read_flagged_small.png) !important; + background-image: url(../default/images/read_flagged_small.png) !important; } tr.flagged_unseen span.status_img { - background-image: url(images/unread_flagged_small.png) !important; + background-image: url(../default/images/unread_flagged_small.png) !important; } tr.recent span.status_img { - background-image: url(images/kmmsgnew.png) !important; + background-image: url(../default/images/kmmsgnew.png) !important; } tr.replied span.status_img { - background-image: url(images/kmmsgreplied.png) !important; + background-image: url(../default/images/kmmsgreplied.png) !important; } tr.forwarded span.status_img { - background-image: url(images/kmmsgforwarded.png) !important; + background-image: url(../default/images/kmmsgforwarded.png) !important; } .subjectBold @@ -409,7 +409,7 @@ div.mailUploadSection > div.et2_hbox > label { text-align: left; font-weight: bold; padding-left: 25px; - background-image: url(images/write_mail.png) !important; + background-image: url(../default/images/write_mail.png) !important; background-position: left; background-repeat: no-repeat; } @@ -441,7 +441,7 @@ div.mail-compose_fileselector { } .mail-compose_fileselector span.et2_file_span { background-repeat: no-repeat; - background-image: url(images/attach.png); + background-image: url(../default/images/attach.png); background-size: inherit; background-position: left; } @@ -453,7 +453,7 @@ div.mail-compose_fileselector { font-weight: bold; padding-left: 30px; width: 80px; - background-image: url(images/mail_send.png) !important; + background-image: url(../default/images/mail_send.png) !important; background-position: left; background-repeat: no-repeat; } diff --git a/mail/templates/mobile/app.css b/mail/templates/mobile/app.css index 3297efffb4..9e836172cb 100644 --- a/mail/templates/mobile/app.css +++ b/mail/templates/mobile/app.css @@ -119,28 +119,28 @@ span.status_img { width: 12px; height: 12px; background-repeat: no-repeat; - background-image: url(images/kmmsgread.png); + background-image: url(../default/images/kmmsgread.png); } tr.deleted span.status_img { - background-image: url(images/kmmsgdel.png); + background-image: url(../default/images/kmmsgdel.png); } tr.unseen span.status_img { - background-image: url(images/kmmsgunseen.png); + background-image: url(../default/images/kmmsgunseen.png); } tr.flagged_seen span.status_img { - background-image: url(images/read_flagged_small.png) !important; + background-image: url(../default/images/read_flagged_small.png) !important; } tr.flagged_unseen span.status_img { - background-image: url(images/unread_flagged_small.png) !important; + background-image: url(../default/images/unread_flagged_small.png) !important; } tr.recent span.status_img { - background-image: url(images/kmmsgnew.png) !important; + background-image: url(../default/images/kmmsgnew.png) !important; } tr.replied span.status_img { - background-image: url(images/kmmsgreplied.png) !important; + background-image: url(../default/images/kmmsgreplied.png) !important; } tr.forwarded span.status_img { - background-image: url(images/kmmsgforwarded.png) !important; + background-image: url(../default/images/kmmsgforwarded.png) !important; } .subjectBold { font-size: 12px; @@ -151,6 +151,15 @@ tr.forwarded span.status_img { font-size: 12px; font-family: Arial; } +.bodypreview { + white-space: normal !important; + max-height: 25px !important; + font-size: 11px; + font-style: italic; + font-weight: normal !important; + font-family: Arial; + color: grey !important; +} TR.sieveRowActive { font-size: 11px; height: 20px; @@ -408,7 +417,7 @@ div.mailUploadSection > div.et2_hbox > label { text-align: left; font-weight: bold; padding-left: 25px; - background-image: url(images/write_mail.png) !important; + background-image: url(../default/images/write_mail.png) !important; background-position: left; background-repeat: no-repeat; } @@ -440,7 +449,7 @@ div.mail-compose_fileselector { } .mail-compose_fileselector span.et2_file_span { background-repeat: no-repeat; - background-image: url(images/attach.png); + background-image: url(../default/images/attach.png); background-size: inherit; background-position: left; } @@ -452,7 +461,7 @@ div.mail-compose_fileselector { font-weight: bold; padding-left: 30px; width: 80px; - background-image: url(images/mail_send.png) !important; + background-image: url(../default/images/mail_send.png) !important; background-position: left; background-repeat: no-repeat; } @@ -1008,7 +1017,7 @@ body { -moz-border-radius-topleft: 10px; border-radius: 3px; border-top-left-radius: 10px; - background-image: url("images/write_mail_lighter.png") !important; + background-image: url("../pixelegg/images/write_mail_lighter.png") !important; background-position: right center !important; background-repeat: no-repeat; background-size: 20px 20px; @@ -1118,7 +1127,7 @@ body { font-weight: normal; padding-left: 20px; float: left; - background-image: url(images/mail_send.png); + background-image: url(../pixelegg/images/mail_send.png); background-position: left; background-repeat: no-repeat; background-size: 16px 16px; @@ -1383,7 +1392,7 @@ body { #mail-display .et2_toolbar #mail-display_save_wrapper button#mail-display_save, #mail-display #mail-display_toolbar #mail-display_save_wrapper button#mail-display_save, #mail-display mail-display_displayToolbar #mail-display_save_wrapper button#mail-display_save { - background-image: url('../images/speichern.png'); + background-image: url('../pixelegg/images/speichern.png'); background-position: left center; background-repeat: no-repeat; background-size: 16px 16px; @@ -1858,29 +1867,29 @@ span.status_img { width: 12px; height: 12px; background-repeat: no-repeat; - background-image: url(images/kmmsgread.png); + background-image: url(../pixelegg/images/kmmsgread.png); background-size: 12px 12px; } tr.deleted span.status_img { - background-image: url(images/kmmsgdel.png); + background-image: url(../pixelegg/images/kmmsgdel.png); } tr.unseen span.status_img { - background-image: url(images/kmmsgunseen.png); + background-image: url(../pixelegg/images/kmmsgunseen.png); } tr.flagged_seen span.status_img { - background-image: url(images/read_flagged_small.png) !important; + background-image: url(../pixelegg/images/read_flagged_small.png) !important; } tr.flagged_unseen span.status_img { - background-image: url(images/unread_flagged_small.png) !important; + background-image: url(../pixelegg/images/unread_flagged_small.png) !important; } tr.recent span.status_img { - background-image: url(images/kmmsgnew.png) !important; + background-image: url(../pixelegg/images/kmmsgnew.png) !important; } tr.replied span.status_img { - background-image: url(images/kmmsgreplied.png) !important; + background-image: url(../pixelegg/images/kmmsgreplied.png) !important; } tr.forwarded span.status_img { - background-image: url(images/kmmsgforwarded.png) !important; + background-image: url(../pixelegg/images/kmmsgforwarded.png) !important; } .subjectBold { font-size: 12px; @@ -2113,7 +2122,7 @@ input[type=button] { text-align: left; font-weight: bold; padding-left: 25px; - background-image: url(images/write_mail.png) !important; + background-image: url(../pixelegg/images/write_mail.png) !important; background-position: left; background-repeat: no-repeat; } @@ -2605,6 +2614,7 @@ div.mailComposeHeaderSection > table { -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } +/* import */ /* tablets and smartphones */ @media all { div.mailDisplayContainer { @@ -2668,7 +2678,7 @@ div.mailComposeHeaderSection > table { text-align: left; font-weight: normal; padding-left: 20px; - background-image: url(images/mail_send.png); + background-image: url(../pixelegg/images/mail_send.png); background-position: left; background-repeat: no-repeat; background-size: 16px 16px; @@ -2884,28 +2894,27 @@ div.mailComposeHeaderSection > table { } #mail-index table.egwGridView_outer tbody tr span.status_img { padding: 0 2px 2px 0; - display: inline; } #mail-index table.egwGridView_outer tbody tr span.deleted.status_img { - background-image: url(images/kmmsgdel.png); + background-image: url(../pixelegg/images/kmmsgdel.png); } #mail-index table.egwGridView_outer tbody tr span.unseen.status_img { - background-image: url(images/kmmsgunseen.png); + background-image: url(../pixelegg/images/kmmsgunseen.png); } #mail-index table.egwGridView_outer tbody tr span.flagged_seen.status_img { - background-image: url(images/read_flagged_small.png); + background-image: url(../pixelegg/images/read_flagged_small.png); } #mail-index table.egwGridView_outer tbody tr span.flagged_unseen.status_img { - background-image: url(images/unread_flagged_small.png); + background-image: url(../pixelegg/images/unread_flagged_small.png); } #mail-index table.egwGridView_outer tbody tr span.recent.status_img { - background-image: url(images/kmmsgnew.png); + background-image: url(../pixelegg/images/kmmsgnew.png); } #mail-index table.egwGridView_outer tbody tr span.replied.status_img { - background-image: url(images/kmmsgreplied.png); + background-image: url(../pixelegg/images/kmmsgreplied.png); } #mail-index table.egwGridView_outer tbody tr span.forwarded.status_img { - background-image: url(images/kmmsgforwarded.png); + background-image: url(../pixelegg/images/kmmsgforwarded.png); } #mail-index table.egwGridView_outer tbody tr span.bodypreview { max-height: 12px; diff --git a/mail/templates/mobile/app.less b/mail/templates/mobile/app.less index c05c4f2fcc..6861997fcd 100644 --- a/mail/templates/mobile/app.less +++ b/mail/templates/mobile/app.less @@ -15,8 +15,8 @@ @import (reference) "../../../pixelegg/less/def_buttons.less"; @import (reference) "../../../pixelegg/less/def_mobile.less"; -@import (less) "../pixelegg/app.css"; - +@import "../pixelegg/app.less"; +/* import */ /* tablets and smartphones */ @media all { div.mailDisplayContainer{ @@ -90,7 +90,7 @@ text-align: left; font-weight: normal; padding-left: 20px; - background-image: url(images/mail_send.png); + background-image: url(../pixelegg/images/mail_send.png); background-position: left; background-repeat: no-repeat; background-size: 16px 16px; @@ -317,28 +317,27 @@ } span.status_img { padding:0 2px 2px 0; - display:inline; } span.deleted.status_img { - background-image: url(images/kmmsgdel.png); + background-image: url(../pixelegg/images/kmmsgdel.png); } span.unseen.status_img { - background-image: url(images/kmmsgunseen.png); + background-image: url(../pixelegg/images/kmmsgunseen.png); } span.flagged_seen.status_img { - background-image: url(images/read_flagged_small.png); + background-image: url(../pixelegg/images/read_flagged_small.png); } span.flagged_unseen.status_img { - background-image: url(images/unread_flagged_small.png); + background-image: url(../pixelegg/images/unread_flagged_small.png); } span.recent.status_img { - background-image: url(images/kmmsgnew.png); + background-image: url(../pixelegg/images/kmmsgnew.png); } span.replied.status_img { - background-image: url(images/kmmsgreplied.png); + background-image: url(../pixelegg/images/kmmsgreplied.png); } span.forwarded.status_img { - background-image: url(images/kmmsgforwarded.png); + background-image: url(../pixelegg/images/kmmsgforwarded.png); } span.bodypreview { max-height: 12px; diff --git a/mail/templates/pixelegg/app.css b/mail/templates/pixelegg/app.css index cb605057aa..7902d0f90a 100755 --- a/mail/templates/pixelegg/app.css +++ b/mail/templates/pixelegg/app.css @@ -107,28 +107,28 @@ span.status_img { width: 12px; height: 12px; background-repeat: no-repeat; - background-image: url(images/kmmsgread.png); + background-image: url(../default/images/kmmsgread.png); } tr.deleted span.status_img { - background-image: url(images/kmmsgdel.png); + background-image: url(../default/images/kmmsgdel.png); } tr.unseen span.status_img { - background-image: url(images/kmmsgunseen.png); + background-image: url(../default/images/kmmsgunseen.png); } tr.flagged_seen span.status_img { - background-image: url(images/read_flagged_small.png) !important; + background-image: url(../default/images/read_flagged_small.png) !important; } tr.flagged_unseen span.status_img { - background-image: url(images/unread_flagged_small.png) !important; + background-image: url(../default/images/unread_flagged_small.png) !important; } tr.recent span.status_img { - background-image: url(images/kmmsgnew.png) !important; + background-image: url(../default/images/kmmsgnew.png) !important; } tr.replied span.status_img { - background-image: url(images/kmmsgreplied.png) !important; + background-image: url(../default/images/kmmsgreplied.png) !important; } tr.forwarded span.status_img { - background-image: url(images/kmmsgforwarded.png) !important; + background-image: url(../default/images/kmmsgforwarded.png) !important; } .subjectBold { font-size: 12px; @@ -139,6 +139,15 @@ tr.forwarded span.status_img { font-size: 12px; font-family: Arial; } +.bodypreview { + white-space: normal !important; + max-height: 25px !important; + font-size: 11px; + font-style: italic; + font-weight: normal !important; + font-family: Arial; + color: grey !important; +} TR.sieveRowActive { font-size: 11px; height: 20px; @@ -396,7 +405,7 @@ div.mailUploadSection > div.et2_hbox > label { text-align: left; font-weight: bold; padding-left: 25px; - background-image: url(images/write_mail.png) !important; + background-image: url(../default/images/write_mail.png) !important; background-position: left; background-repeat: no-repeat; } @@ -428,7 +437,7 @@ div.mail-compose_fileselector { } .mail-compose_fileselector span.et2_file_span { background-repeat: no-repeat; - background-image: url(images/attach.png); + background-image: url(../default/images/attach.png); background-size: inherit; background-position: left; } @@ -440,7 +449,7 @@ div.mail-compose_fileselector { font-weight: bold; padding-left: 30px; width: 80px; - background-image: url(images/mail_send.png) !important; + background-image: url(../default/images/mail_send.png) !important; background-position: left; background-repeat: no-repeat; } @@ -996,7 +1005,7 @@ body { -moz-border-radius-topleft: 10px; border-radius: 3px; border-top-left-radius: 10px; - background-image: url("images/write_mail_lighter.png") !important; + background-image: url("../pixelegg/images/write_mail_lighter.png") !important; background-position: right center !important; background-repeat: no-repeat; background-size: 20px 20px; @@ -1106,7 +1115,7 @@ body { font-weight: normal; padding-left: 20px; float: left; - background-image: url(images/mail_send.png); + background-image: url(../pixelegg/images/mail_send.png); background-position: left; background-repeat: no-repeat; background-size: 16px 16px; @@ -1371,7 +1380,7 @@ body { #mail-display .et2_toolbar #mail-display_save_wrapper button#mail-display_save, #mail-display #mail-display_toolbar #mail-display_save_wrapper button#mail-display_save, #mail-display mail-display_displayToolbar #mail-display_save_wrapper button#mail-display_save { - background-image: url('../images/speichern.png'); + background-image: url('../pixelegg/images/speichern.png'); background-position: left center; background-repeat: no-repeat; background-size: 16px 16px; @@ -1846,29 +1855,29 @@ span.status_img { width: 12px; height: 12px; background-repeat: no-repeat; - background-image: url(images/kmmsgread.png); + background-image: url(../pixelegg/images/kmmsgread.png); background-size: 12px 12px; } tr.deleted span.status_img { - background-image: url(images/kmmsgdel.png); + background-image: url(../pixelegg/images/kmmsgdel.png); } tr.unseen span.status_img { - background-image: url(images/kmmsgunseen.png); + background-image: url(../pixelegg/images/kmmsgunseen.png); } tr.flagged_seen span.status_img { - background-image: url(images/read_flagged_small.png) !important; + background-image: url(../pixelegg/images/read_flagged_small.png) !important; } tr.flagged_unseen span.status_img { - background-image: url(images/unread_flagged_small.png) !important; + background-image: url(../pixelegg/images/unread_flagged_small.png) !important; } tr.recent span.status_img { - background-image: url(images/kmmsgnew.png) !important; + background-image: url(../pixelegg/images/kmmsgnew.png) !important; } tr.replied span.status_img { - background-image: url(images/kmmsgreplied.png) !important; + background-image: url(../pixelegg/images/kmmsgreplied.png) !important; } tr.forwarded span.status_img { - background-image: url(images/kmmsgforwarded.png) !important; + background-image: url(../pixelegg/images/kmmsgforwarded.png) !important; } .subjectBold { font-size: 12px; @@ -2101,7 +2110,7 @@ input[type=button] { text-align: left; font-weight: bold; padding-left: 25px; - background-image: url(images/write_mail.png) !important; + background-image: url(../pixelegg/images/write_mail.png) !important; background-position: left; background-repeat: no-repeat; } diff --git a/mail/templates/pixelegg/app.less b/mail/templates/pixelegg/app.less index 7a8edc6fa5..c187807c7c 100755 --- a/mail/templates/pixelegg/app.less +++ b/mail/templates/pixelegg/app.less @@ -243,7 +243,7 @@ body { button[id*="mailcreate"]{ .Complete_Button_add; - background-image: url("images/write_mail_lighter.png") !important; + background-image: url("../pixelegg/images/write_mail_lighter.png") !important; background-position: right center !important; background-repeat: no-repeat; background-size: 20px 20px; @@ -361,7 +361,7 @@ body { font-weight: normal; padding-left: 20px; float: left; - background-image: url(images/mail_send.png); + background-image: url(../pixelegg/images/mail_send.png); background-position: left; background-repeat: no-repeat; background-size: 16px 16px; @@ -588,7 +588,7 @@ div.mailUploadSection { // das Wort speichern button#mail-display_save { - background-image: url('../images/speichern.png'); + background-image: url('../pixelegg/images/speichern.png'); background-position: left center; background-repeat: no-repeat; background-size: 16px 16px; @@ -1059,36 +1059,36 @@ span.status_img { width: 12px; height: 12px; background-repeat: no-repeat; - background-image: url(images/kmmsgread.png); + background-image: url(../pixelegg/images/kmmsgread.png); background-size: 12px 12px; } tr.deleted span.status_img { - background-image: url(images/kmmsgdel.png); + background-image: url(../pixelegg/images/kmmsgdel.png); } tr.unseen span.status_img { - background-image: url(images/kmmsgunseen.png); + background-image: url(../pixelegg/images/kmmsgunseen.png); } tr.flagged_seen span.status_img { - background-image: url(images/read_flagged_small.png) !important; + background-image: url(../pixelegg/images/read_flagged_small.png) !important; } tr.flagged_unseen span.status_img { - background-image: url(images/unread_flagged_small.png) !important; + background-image: url(../pixelegg/images/unread_flagged_small.png) !important; } tr.recent span.status_img { - background-image: url(images/kmmsgnew.png) !important; + background-image: url(../pixelegg/images/kmmsgnew.png) !important; } tr.replied span.status_img { - background-image: url(images/kmmsgreplied.png) !important; + background-image: url(../pixelegg/images/kmmsgreplied.png) !important; } tr.forwarded span.status_img { - background-image: url(images/kmmsgforwarded.png) !important; + background-image: url(../pixelegg/images/kmmsgforwarded.png) !important; } .subjectBold @@ -1351,7 +1351,7 @@ input[type=button] { text-align: left; font-weight: bold; padding-left: 25px; - background-image: url(images/write_mail.png) !important; + background-image: url(../pixelegg/images/write_mail.png) !important; background-position: left; background-repeat: no-repeat; }