change buttom email send

This commit is contained in:
Stefan Reinhardt 2014-04-24 10:55:14 +00:00
parent d471d547ee
commit 1aa12fef90
2 changed files with 55 additions and 45 deletions

View File

@ -905,23 +905,10 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
float: left; float: left;
width: 100%; width: 100%;
height: 35px !important; height: 35px !important;
padding: 5px 5px 5px 2px !important; padding: 0px 5px 5px 2px !important;
/*.background-color-5-gray;*/ /*.gradient_thead;*/
background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 240, 240, 0)), color-stop(100%, rgba(191, 191, 191, 0.65)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0f0f0', endColorstr='#a6bfbfbf', GradientType=0);
/* IE6-9 */
color: #000000; color: #000000;
background: transparent;
/*######################################*/ /*######################################*/
/*// Button senden -> dev_buttons.less*/ /*// Button senden -> dev_buttons.less*/
/*######################################*/ /*######################################*/
@ -960,15 +947,19 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
} }
#mail-compose .mail-compose_toolbar span.sent { #mail-compose .mail-compose_toolbar span.sent {
float: left; float: left;
background-color: #0c5da5;
background-image: none;
} }
#mail-compose .mail-compose_toolbar span.save { #mail-compose .mail-compose_toolbar span.save {
float: left; float: left;
} }
#mail-compose .mail-compose_toolbar span.save img {
background-color: #ffffff;
}
#mail-compose .mail-compose_toolbar span.file { #mail-compose .mail-compose_toolbar span.file {
float: left; float: left;
} }
#mail-compose .mail-compose_toolbar span.file img {
background-color: #ffffff;
}
#mail-compose .mail-compose_toolbar span.egw { #mail-compose .mail-compose_toolbar span.egw {
float: left; float: left;
} }
@ -978,6 +969,10 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
margin: 3px; margin: 3px;
vertical-align: middle; vertical-align: middle;
width: auto; width: auto;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #ffffff;
} }
#mail-compose .mail-compose_toolbar span.notification { #mail-compose .mail-compose_toolbar span.notification {
float: left; float: left;
@ -1024,18 +1019,13 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
#mail-compose .mail-compose_toolbar span.et2_label { #mail-compose .mail-compose_toolbar span.et2_label {
font-size: 8px; font-size: 8px;
} }
#mail-compose .mail-compose_toolbar button.et2_button {
/*.dimension_height_m;*/
/* &:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;}
&:focus {.box_shadow_standard_light_inset; .background_color_15_gray;}*/
}
#mail-compose .mail-compose_toolbar .mail-compose_button { #mail-compose .mail-compose_toolbar .mail-compose_button {
height: 27px; height: 27px;
margin-right: 3px !important; /*margin-right: 3px !important;*/
margin-top: 0.7px !important; margin-top: 0.7px !important;
padding: 0 3px 0 0; padding: 0 3px 0 0;
text-align: left; text-align: left;
font-weight: bold; font-weight: normal;
padding-left: 20px; padding-left: 20px;
width: 71px; width: 71px;
float: left; float: left;
@ -1155,6 +1145,10 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
background-color: #d9d9d9; background-color: #d9d9d9;
} }
#mail-compose .mail-compose_toolbar .et2_file input,
#mail-compose .mail-compose_toolbar .mail-compose_fileselector input {
border: none;
}
#mail-compose .mail-compose_toolbar .et2_file div.progress, #mail-compose .mail-compose_toolbar .et2_file div.progress,
#mail-compose .mail-compose_toolbar .mail-compose_fileselector div.progress { #mail-compose .mail-compose_toolbar .mail-compose_fileselector div.progress {
width: 212px; width: 212px;
@ -1687,7 +1681,7 @@ div.ui-toolbar-menulist {
.et2_toolbar_actionlist .et2_toolbar-dropdown .et2_dropdown button img { .et2_toolbar_actionlist .et2_toolbar-dropdown .et2_dropdown button img {
width: 20px; width: 20px;
height: 20px; height: 20px;
top: 1px; top: 3px;
} }
div#displayToolbar-menulist .et2_dropdown { div#displayToolbar-menulist .et2_dropdown {
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
@ -2540,7 +2534,7 @@ div.mailPreviewHeaders div.mail_extraEmails img.et2_button_icon {
background-color: #f0f0f0; background-color: #f0f0f0;
border-color: #e6e6e6; border-color: #e6e6e6;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
max-height: 2.6em; max-height: 3.6em;
} }
#mail-index_previewAttachmentArea img { #mail-index_previewAttachmentArea img {
width: 16px; width: 16px;

View File

@ -335,10 +335,11 @@ div#mail-index{
float: left; float: left;
width: 100%; width: 100%;
height: 35px !important; height: 35px !important;
padding: 5px 5px 5px 2px !important; padding: 0px 5px 5px 2px !important;
.gradient_thead; /*.gradient_thead;*/
.color_100_gray; .color_100_gray;
background: transparent;
button[id="mail-compose_button[sent]"], button[id="mail-compose_button[sent]"],
@ -356,9 +357,24 @@ div#mail-index{
} }
span.sent {float: left; background-color: @egw_color_2_a; background-image: none;} // senden
span.save {float: left;} span.sent {
span.file {float: left;} float: left;
}
// save + print
span.save {float: left;
img{background-color: @gray_0;}
}
// file upload
span.file {float: left;
img{background-color: @gray_0;}
}
// save as infolog + tracker
span.egw {float: left; span.egw {float: left;
img{ img{
.dimension_height_s; .dimension_height_s;
@ -366,6 +382,8 @@ div#mail-index{
margin: 3px; margin: 3px;
vertical-align: middle; vertical-align: middle;
width :auto; width :auto;
.rounded(3px);
background-color: @gray_0;
} }
} }
span.notification {float: left; span.notification {float: left;
@ -375,6 +393,7 @@ div#mail-index{
span.et2_label {line-height: 25px;} span.et2_label {line-height: 25px;}
} }
img{.dimension_height_m;} img{.dimension_height_m;}
img[src$="svg"]{ img[src$="svg"]{
.gradient_vertical (@gray_30, @gray_40); .gradient_vertical (@gray_30, @gray_40);
@ -391,21 +410,16 @@ div#mail-index{
/*######################################*/ /*######################################*/
/*// Button senden -> dev_buttons.less*/ /*// Button senden -> dev_buttons.less*/
button.et2_button { button.et2_button { }
/*.dimension_height_m;*/
/* &:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;}
&:focus {.box_shadow_standard_light_inset; .background_color_15_gray;}*/
}
.mail-compose_button{ .mail-compose_button{
height: 27px; height: 27px;
margin-right: 3px !important; /*margin-right: 3px !important;*/
margin-top: 0.7px !important; margin-top: 0.7px !important;
padding: 0 3px 0 0; padding: 0 3px 0 0;
text-align: left; text-align: left;
font-weight: bold; font-weight: normal;
padding-left: 20px; padding-left: 20px;
width: 71px; width: 71px;
float: left; float: left;
@ -470,6 +484,8 @@ div#mail-index{
} }
input {border: none;}
div.progress {width: 212px;} div.progress {width: 212px;}
} }
@ -938,7 +954,7 @@ div.ui-toolbar-menulist{
img { img {
.dimension_width_height_sm; .dimension_width_height_sm;
top: 1px; top: 3px;
} }
} }
@ -1760,7 +1776,7 @@ div.mailPreviewHeaders div.mail_extraEmails {
.background_color_10_gray; .background_color_10_gray;
border-color: @gray_10; border-color: @gray_10;
.border_normal; .border_normal;
max-height: 2.6em; max-height: 3.6em;
// filter: Alpha(opacity=100); // filter: Alpha(opacity=100);
img {.dimension_width_height_s;} img {.dimension_width_height_s;}