From 0b358e644cf239eede5ed43d15c8ec626436c457 Mon Sep 17 00:00:00 2001 From: Hadi Nategh Date: Fri, 21 Mar 2014 18:15:07 +0000 Subject: [PATCH] Style attach file in mail compose dialog for pixelegg template --- mail/templates/pixelegg/app.css | 97 ++++++++++++++++++++++---------- mail/templates/pixelegg/app.less | 13 +++-- 2 files changed, 73 insertions(+), 37 deletions(-) diff --git a/mail/templates/pixelegg/app.css b/mail/templates/pixelegg/app.css index 9f225e5be9..9ee7047b06 100755 --- a/mail/templates/pixelegg/app.css +++ b/mail/templates/pixelegg/app.css @@ -345,6 +345,9 @@ input[type=button] { height: 100%; border: 0; } +/********************************* + ************ mailCompose ****** + *********************************/ #mail-index_button\[mailcreate\] { width: 99%; text-align: left; @@ -354,12 +357,42 @@ input[type=button] { background-position: left; background-repeat: no-repeat; } +.mail-compose_toolbar { + border-left: 1px solid silver; + border-top: 1px solid silver; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + background-color: #c0d2ec; + background-image: url(../../../phpgwapi/templates/default/images/egw_action/header_overlay.png); + background-position: center; + background-repeat: repeat-x; +} +.mail-compose_toolbar > span { + padding: 10px; + white-space: nowrap; +} +.mail-compose_toolbar > span.priority { + border-right: none; +} +.compose_egw_icons { + height: 24px; + width: 24px; + vertical-align: middle; +} +.mail-compose_fileselector span.et2_file_span { + background-repeat: no-repeat; + background-image: url(images/attach.png); + background-size: inherit; + background-position: left; +} +.mail-compose_fileselector div.progress { + display: none; +} #mail-compose_button\[send\] { text-align: left; font-weight: bold; padding-left: 30px; width: 80px; - margin: 0px !important; background-image: url(images/mail_send.png) !important; background-position: left; background-repeat: no-repeat; @@ -379,9 +412,6 @@ input[type=button] { overflow: scroll; overflow-x: hidden; } -#mail-compose_fileselector { - width: 245px !important; -} #mail-compose_toolbar { padding: 0px !important; } @@ -495,6 +525,9 @@ input[type=button] { -moz-opacity: 1; filter: alpha(opacity=100); } +#divGenTime_mail { + display: none; +} div.mail-display > div:first-parent > div.first-parent { height: 99%; } @@ -900,6 +933,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje padding: 1px; margin: 3px; vertical-align: middle; + width: auto; } #mail-compose .mail-compose_toolbar span.notification { float: left; @@ -1003,6 +1037,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje margin: 3px; vertical-align: middle; float: left; + width: auto; /*.background_color_10_gray;*/ -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); @@ -1028,10 +1063,12 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje #mail-compose .mail-compose_toolbar .mail-compose_fileselector { float: left; vertical-align: middle; + margin: -3px; } -#mail-compose .mail-compose_toolbar .et2_file input#mail-compose_uploadForCompose, -#mail-compose .mail-compose_toolbar .mail-compose_fileselector input#mail-compose_uploadForCompose { - /*font-size: 0.7em;*/ +#mail-compose .mail-compose_toolbar .et2_file span.et2_file_span, +#mail-compose .mail-compose_toolbar .mail-compose_fileselector span.et2_file_span { + font-size: 1.1em; + font-weight: normal; border: 1px solid rgba(0, 0, 0, 0.15); /*.box_shadow_standard_light;*/ -webkit-border-radius: 3px; @@ -1061,18 +1098,16 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje background-image: url(images/attach.png) !important; background-color: #fafafa; height: 16px; - margin-left: 2px; - margin-top: 2px; } -#mail-compose .mail-compose_toolbar .et2_file input#mail-compose_uploadForCompose:hover, -#mail-compose .mail-compose_toolbar .mail-compose_fileselector input#mail-compose_uploadForCompose:hover { +#mail-compose .mail-compose_toolbar .et2_file span.et2_file_span:hover, +#mail-compose .mail-compose_toolbar .mail-compose_fileselector span.et2_file_span:hover { -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); background-color: #189800; } -#mail-compose .mail-compose_toolbar .et2_file input#mail-compose_uploadForCompose:focus, -#mail-compose .mail-compose_toolbar .mail-compose_fileselector input#mail-compose_uploadForCompose:focus { +#mail-compose .mail-compose_toolbar .et2_file span.et2_file_span:focus, +#mail-compose .mail-compose_toolbar .mail-compose_fileselector span.et2_file_span:focus { -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); @@ -1086,31 +1121,31 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje margin-right: 5px !important; } #mail-compose .mail-compose_toolbar #mail-compose_to_infolog:hover { - -webkit-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); + -webkit-transform: scale(1.3); + -moz-transform: scale(1.3); + -o-transform: scale(1.3); + -ms-transform: scale(1.3); + transform: scale(1.3); } #mail-compose .mail-compose_toolbar input[id="mail-compose_to_tracker"] { margin-right: 5px !important; } #mail-compose .mail-compose_toolbar input[id="mail-compose_to_tracker"]:hover { - -webkit-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); + -webkit-transform: scale(1.3); + -moz-transform: scale(1.3); + -o-transform: scale(1.3); + -ms-transform: scale(1.3); + transform: scale(1.3); } #mail-compose .mail-compose_toolbar #mail-compose_disposition { margin-right: 0px !important; } #mail-compose .mail-compose_toolbar #mail-compose_disposition:hover { - -webkit-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); + -webkit-transform: scale(1.3); + -moz-transform: scale(1.3); + -o-transform: scale(1.3); + -ms-transform: scale(1.3); + transform: scale(1.3); } #mail-compose .mail-compose_toolbar #mail-compose_priority { margin-right: 0px; @@ -1260,6 +1295,9 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje margin: 8px 0; background-color: #d9d9d9; } +#divGenTime_mail { + display: none; +} /* ################################################################################## * E-Mail Dialog "Ansehen" * Preview @@ -1569,9 +1607,6 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje #mail-display .mail_DisplayNone { display: none; } -#divGenTime_mail { - display: none; -} /** * et2_toolbar */ diff --git a/mail/templates/pixelegg/app.less b/mail/templates/pixelegg/app.less index 29f1c58bb1..0565ef897d 100755 --- a/mail/templates/pixelegg/app.less +++ b/mail/templates/pixelegg/app.less @@ -330,7 +330,7 @@ div#mail-index{ // ################################## // Toolbar - .mail-compose_toolbar{ + .mail-compose_toolbar{ float: left; width: 100%; @@ -365,6 +365,7 @@ div#mail-index{ padding: 1px; margin: 3px; vertical-align: middle; + width :auto; } } span.notification {float: left; @@ -442,6 +443,7 @@ div#mail-index{ margin: 3px; vertical-align: middle; float: left; + width: auto; .Complete_Button_Icon_normal; &:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;} &:focus {.box_shadow_standard_light_inset; .background_color_15_gray;} @@ -453,16 +455,15 @@ div#mail-index{ float: left; vertical-align: middle; + margin:-3px; + span.et2_file_span{ - input#mail-compose_uploadForCompose{ - - /*font-size: 0.7em;*/ + font-size: 1.1em; + font-weight: normal; .Complete_Button_text_icon_before; background-image: url(images/attach.png) !important; .background_color_5_gray; height: 16px; - margin-left: 2px; - margin-top: 2px; &:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;} &:focus {.box_shadow_standard_light_inset; .background_color_15_gray;}