diff --git a/mail/templates/default/app.css b/mail/templates/default/app.css index 2ebf5d79ce..69d64a9496 100644 --- a/mail/templates/default/app.css +++ b/mail/templates/default/app.css @@ -362,6 +362,15 @@ input[type=button] { /********************************* ************ mailCompose ****** *********************************/ +#mail-compose_selectFromVFSForCompose{ + width:20px; + float:none; + background-color: transparent; + background-size: 18px; + padding: 0; + background-position: center; + border:none; +} #mail-index_button\[mailcreate\] { width: 99%; text-align: left; @@ -393,6 +402,10 @@ input[type=button] { width: 24px; vertical-align: middle; } +div.mail-compose_fileselector { + width:auto; + margin-top: 3px; +} .mail-compose_fileselector span.et2_file_span { background-repeat: no-repeat; background-image: url(images/attach.png); diff --git a/mail/templates/default/compose.xet b/mail/templates/default/compose.xet index 71777b1aad..29659866ae 100644 --- a/mail/templates/default/compose.xet +++ b/mail/templates/default/compose.xet @@ -13,7 +13,7 @@ - + diff --git a/mail/templates/pixelegg/app.css b/mail/templates/pixelegg/app.css index 587ab119f9..884932f288 100755 --- a/mail/templates/pixelegg/app.css +++ b/mail/templates/pixelegg/app.css @@ -361,6 +361,15 @@ input[type=button] { /********************************* ************ mailCompose ****** *********************************/ +#mail-compose_selectFromVFSForCompose { + width: 20px; + float: none; + background-color: transparent; + background-size: 18px; + padding: 0; + background-position: center; + border: none; +} #mail-index_button\[mailcreate\] { width: 99%; text-align: left; @@ -392,6 +401,10 @@ input[type=button] { width: 24px; vertical-align: middle; } +div.mail-compose_fileselector { + width: auto; + margin-top: 3px; +} .mail-compose_fileselector span.et2_file_span { background-repeat: no-repeat; background-image: url(images/attach.png); @@ -957,7 +970,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje #mail-compose .mail-compose_toolbar span.file { float: left; } -#mail-compose .mail-compose_toolbar span.file img { +#mail-compose .mail-compose_toolbar span.file button { background-color: #ffffff; } #mail-compose .mail-compose_toolbar span.egw { @@ -1064,14 +1077,16 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); background-color: #189800; } -#mail-compose .mail-compose_toolbar img[id="mail-compose_selectFromVFSForCompose"] { +#mail-compose .mail-compose_toolbar button[id="mail-compose_selectFromVFSForCompose"] { /*margin-left: 15px !important;*/ height: 16px; - padding: 1px; margin: 3px; vertical-align: middle; float: left; + height: 20px !important; width: auto; + background-size: 16px 16px; + padding: 0; /*.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); @@ -1081,13 +1096,13 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje -moz-border-radius: 3px; border-radius: 3px; } -#mail-compose .mail-compose_toolbar img[id="mail-compose_selectFromVFSForCompose"]:hover { +#mail-compose .mail-compose_toolbar button[id="mail-compose_selectFromVFSForCompose"]: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 img[id="mail-compose_selectFromVFSForCompose"]:focus { +#mail-compose .mail-compose_toolbar button[id="mail-compose_selectFromVFSForCompose"]: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); @@ -1097,15 +1112,17 @@ 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; + margin: 2px; } #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_normal;*/ + border: 1px solid rgba(0, 0, 0, 0.15); /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; color: #000000; -webkit-appearance: none; -webkit-transition-property: background-color; @@ -1244,9 +1261,11 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje } #mail-compose .mailComposeHeaders span#mail-compose_cc_expander, #mail-compose .mailComposeHeadersSection span#mail-compose_cc_expander { - /*.border_normal;*/ + border: 1px solid rgba(0, 0, 0, 0.15); /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; color: #000000; -webkit-appearance: none; -webkit-transition-property: background-color; @@ -1278,9 +1297,11 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje } #mail-compose .mailComposeHeaders span#mail-compose_bcc_expander, #mail-compose .mailComposeHeadersSection span#mail-compose_bcc_expander { - /*.border_normal;*/ + border: 1px solid rgba(0, 0, 0, 0.15); /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; color: #000000; -webkit-appearance: none; -webkit-transition-property: background-color; diff --git a/mail/templates/pixelegg/app.less b/mail/templates/pixelegg/app.less index ead34e901f..2fc3f966ec 100755 --- a/mail/templates/pixelegg/app.less +++ b/mail/templates/pixelegg/app.less @@ -370,7 +370,7 @@ div#mail-index{ // file upload span.file {float: left; - img{background-color: @gray_0;} + button{background-color: @gray_0;} } @@ -450,14 +450,16 @@ div#mail-index{ // file // Dateimanager - img[id="mail-compose_selectFromVFSForCompose"] { + button[id="mail-compose_selectFromVFSForCompose"] { /*margin-left: 15px !important;*/ .dimension_height_s; - padding: 1px; margin: 3px; vertical-align: middle; float: left; + height: 20px !important; width: auto; + background-size: 16px 16px; + padding: 0; .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;} @@ -469,9 +471,7 @@ div#mail-index{ float: left; vertical-align: middle; - margin:-3px; - - + margin:2px; span.et2_file_span{ font-size: 1.1em;