holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Style attach file in mail compose dialog for pixelegg template

Browse Source
This commit is contained in:
Hadi Nategh 2014-03-21 18:15:07 +00:00
parent 93151d84a3
commit 0b358e644c
2 changed files with 73 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

97
mail/templates/pixelegg/app.css
View File

@ -345,6 +345,9 @@ input[type=button] {
height: 100%; height: 100%;
border: 0; border: 0;
} }
/*********************************
************ mailCompose ******
*********************************/
#mail-index_button\[mailcreate\] { #mail-index_button\[mailcreate\] {
width: 99%; width: 99%;
text-align: left; text-align: left;
@ -354,12 +357,42 @@ input[type=button] {
background-position: left; background-position: left;
background-repeat: no-repeat; 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\] { #mail-compose_button\[send\] {
text-align: left; text-align: left;
font-weight: bold; font-weight: bold;
padding-left: 30px; padding-left: 30px;
width: 80px; width: 80px;
margin: 0px !important;
background-image: url(images/mail_send.png) !important; background-image: url(images/mail_send.png) !important;
background-position: left; background-position: left;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -379,9 +412,6 @@ input[type=button] {
overflow: scroll; overflow: scroll;
overflow-x: hidden; overflow-x: hidden;
} }
#mail-compose_fileselector {
width: 245px !important;
}
#mail-compose_toolbar { #mail-compose_toolbar {
padding: 0px !important; padding: 0px !important;
} }
@ -495,6 +525,9 @@ input[type=button] {
-moz-opacity: 1; -moz-opacity: 1;
filter: alpha(opacity=100); filter: alpha(opacity=100);
} }
#divGenTime_mail {
display: none;
}
div.mail-display > div:first-parent > div.first-parent { div.mail-display > div:first-parent > div.first-parent {
height: 99%; height: 99%;
} }
@ -900,6 +933,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
padding: 1px; padding: 1px;
margin: 3px; margin: 3px;
vertical-align: middle; vertical-align: middle;
width: auto;
} }
#mail-compose .mail-compose_toolbar span.notification { #mail-compose .mail-compose_toolbar span.notification {
float: left; float: left;
@ -1003,6 +1037,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
margin: 3px; margin: 3px;
vertical-align: middle; vertical-align: middle;
float: left; float: left;
width: auto;
/*.background_color_10_gray;*/ /*.background_color_10_gray;*/
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-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 { #mail-compose .mail-compose_toolbar .mail-compose_fileselector {
float: left; float: left;
vertical-align: middle; vertical-align: middle;
margin: -3px;
} }
#mail-compose .mail-compose_toolbar .et2_file input#mail-compose_uploadForCompose, #mail-compose .mail-compose_toolbar .et2_file span.et2_file_span,
#mail-compose .mail-compose_toolbar .mail-compose_fileselector input#mail-compose_uploadForCompose { #mail-compose .mail-compose_toolbar .mail-compose_fileselector span.et2_file_span {
/*font-size: 0.7em;*/ font-size: 1.1em;
font-weight: normal;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
-webkit-border-radius: 3px; -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-image: url(images/attach.png) !important;
background-color: #fafafa; background-color: #fafafa;
height: 16px; 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 .et2_file span.et2_file_span:hover,
#mail-compose .mail-compose_toolbar .mail-compose_fileselector input#mail-compose_uploadForCompose: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); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-moz-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); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
background-color: #189800; background-color: #189800;
} }
#mail-compose .mail-compose_toolbar .et2_file 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 input#mail-compose_uploadForCompose: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); -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); -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); 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; margin-right: 5px !important;
} }
#mail-compose .mail-compose_toolbar #mail-compose_to_infolog:hover { #mail-compose .mail-compose_toolbar #mail-compose_to_infolog:hover {
-webkit-transform: scale(1.5); -webkit-transform: scale(1.3);
-moz-transform: scale(1.5); -moz-transform: scale(1.3);
-o-transform: scale(1.5); -o-transform: scale(1.3);
-ms-transform: scale(1.5); -ms-transform: scale(1.3);
transform: scale(1.5); transform: scale(1.3);
} }
#mail-compose .mail-compose_toolbar input[id="mail-compose_to_tracker"] { #mail-compose .mail-compose_toolbar input[id="mail-compose_to_tracker"] {
margin-right: 5px !important; margin-right: 5px !important;
} }
#mail-compose .mail-compose_toolbar input[id="mail-compose_to_tracker"]:hover { #mail-compose .mail-compose_toolbar input[id="mail-compose_to_tracker"]:hover {
-webkit-transform: scale(1.5); -webkit-transform: scale(1.3);
-moz-transform: scale(1.5); -moz-transform: scale(1.3);
-o-transform: scale(1.5); -o-transform: scale(1.3);
-ms-transform: scale(1.5); -ms-transform: scale(1.3);
transform: scale(1.5); transform: scale(1.3);
} }
#mail-compose .mail-compose_toolbar #mail-compose_disposition { #mail-compose .mail-compose_toolbar #mail-compose_disposition {
margin-right: 0px !important; margin-right: 0px !important;
} }
#mail-compose .mail-compose_toolbar #mail-compose_disposition:hover { #mail-compose .mail-compose_toolbar #mail-compose_disposition:hover {
-webkit-transform: scale(1.5); -webkit-transform: scale(1.3);
-moz-transform: scale(1.5); -moz-transform: scale(1.3);
-o-transform: scale(1.5); -o-transform: scale(1.3);
-ms-transform: scale(1.5); -ms-transform: scale(1.3);
transform: scale(1.5); transform: scale(1.3);
} }
#mail-compose .mail-compose_toolbar #mail-compose_priority { #mail-compose .mail-compose_toolbar #mail-compose_priority {
margin-right: 0px; margin-right: 0px;
@ -1260,6 +1295,9 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
margin: 8px 0; margin: 8px 0;
background-color: #d9d9d9; background-color: #d9d9d9;
} }
#divGenTime_mail {
display: none;
}
/* ################################################################################## /* ##################################################################################
* E-Mail Dialog "Ansehen" * E-Mail Dialog "Ansehen"
* Preview * Preview
@ -1569,9 +1607,6 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
#mail-display .mail_DisplayNone { #mail-display .mail_DisplayNone {
display: none; display: none;
} }
#divGenTime_mail {
display: none;
}
/** /**
* et2_toolbar * et2_toolbar
*/ */

11
mail/templates/pixelegg/app.less
View File

@ -365,6 +365,7 @@ div#mail-index{
padding: 1px; padding: 1px;
margin: 3px; margin: 3px;
vertical-align: middle; vertical-align: middle;
width :auto;
} }
} }
span.notification {float: left; span.notification {float: left;
@ -442,6 +443,7 @@ div#mail-index{
margin: 3px; margin: 3px;
vertical-align: middle; vertical-align: middle;
float: left; float: left;
width: auto;
.Complete_Button_Icon_normal; .Complete_Button_Icon_normal;
&:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;} &:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;}
&:focus {.box_shadow_standard_light_inset; .background_color_15_gray;} &:focus {.box_shadow_standard_light_inset; .background_color_15_gray;}
@ -453,16 +455,15 @@ div#mail-index{
float: left; float: left;
vertical-align: middle; vertical-align: middle;
margin:-3px;
span.et2_file_span{
input#mail-compose_uploadForCompose{ font-size: 1.1em;
font-weight: normal;
/*font-size: 0.7em;*/
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
background-image: url(images/attach.png) !important; background-image: url(images/attach.png) !important;
.background_color_5_gray; .background_color_5_gray;
height: 16px; height: 16px;
margin-left: 2px;
margin-top: 2px;
&:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;} &:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;}
&:focus {.box_shadow_standard_light_inset; .background_color_15_gray;} &:focus {.box_shadow_standard_light_inset; .background_color_15_gray;}