extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-22 16:03:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

Apply no caption to vfs-select located in mail compose, and style vfs-select and file upload accordingly

Browse Source
This commit is contained in:
Hadi Nategh 2014-04-30 13:13:14 +00:00
parent b8dbefb64a
commit 3faf02eb88
4 changed files with 53 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
mail/templates/default/app.css
View File

@ -362,6 +362,15 @@ input[type=button] {
/********************************* /*********************************
************ mailCompose ****** ************ 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\] { #mail-index_button\[mailcreate\] {
width: 99%; width: 99%;
text-align: left; text-align: left;
@ -393,6 +402,10 @@ input[type=button] {
width: 24px; width: 24px;
vertical-align: middle; vertical-align: middle;
} }
div.mail-compose_fileselector {
width:auto;
margin-top: 3px;
}
.mail-compose_fileselector span.et2_file_span { .mail-compose_fileselector span.et2_file_span {
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: url(images/attach.png); background-image: url(images/attach.png);

2
mail/templates/default/compose.xet
View File

@ -13,7 +13,7 @@
<buttononly class="et2_button ui-button" label="Save as Draft and Print" value="saveAsDraftAndPrint" id="button[saveAsDraftAndPrint]" image="print" onclick="app.mail.saveAsDraftAndPrint"/> <buttononly class="et2_button ui-button" label="Save as Draft and Print" value="saveAsDraftAndPrint" id="button[saveAsDraftAndPrint]" image="print" onclick="app.mail.saveAsDraftAndPrint"/>
</description> </description>
<description class="email-button-group file"> <description class="email-button-group file">
<vfs-select class="$cont[vfsNotAvailable] compose_egw_icons" id="selectFromVFSForCompose" onchange="app.mail.vfsUploadForCompose"/> <vfs-select class="$cont[vfsNotAvailable] compose_egw_icons" id="selectFromVFSForCompose" onchange="app.mail.vfsUploadForCompose" button_caption=""/>
<file class="mail-compose_fileselector" statustext="Select file to attach to message" multiple='true' progress='mailUploadProgress' onFinish="app.mail.uploadForCompose" id="uploadForCompose" drop_target ="mailUploadSection"/> <file class="mail-compose_fileselector" statustext="Select file to attach to message" multiple='true' progress='mailUploadProgress' onFinish="app.mail.uploadForCompose" id="uploadForCompose" drop_target ="mailUploadSection"/>
</description> </description>
<description class="email-button-group egw"> <description class="email-button-group egw">

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

@ -361,6 +361,15 @@ input[type=button] {
/********************************* /*********************************
************ mailCompose ****** ************ 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\] { #mail-index_button\[mailcreate\] {
width: 99%; width: 99%;
text-align: left; text-align: left;
@ -392,6 +401,10 @@ input[type=button] {
width: 24px; width: 24px;
vertical-align: middle; vertical-align: middle;
} }
div.mail-compose_fileselector {
width: auto;
margin-top: 3px;
}
.mail-compose_fileselector span.et2_file_span { .mail-compose_fileselector span.et2_file_span {
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: url(images/attach.png); 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 { #mail-compose .mail-compose_toolbar span.file {
float: left; float: left;
} }
#mail-compose .mail-compose_toolbar span.file img { #mail-compose .mail-compose_toolbar span.file button {
background-color: #ffffff; background-color: #ffffff;
} }
#mail-compose .mail-compose_toolbar span.egw { #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); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
background-color: #189800; 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;*/ /*margin-left: 15px !important;*/
height: 16px; height: 16px;
padding: 1px;
margin: 3px; margin: 3px;
vertical-align: middle; vertical-align: middle;
float: left; float: left;
height: 20px !important;
width: auto; width: auto;
background-size: 16px 16px;
padding: 0;
/*.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);
@ -1081,13 +1096,13 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
-moz-border-radius: 3px; -moz-border-radius: 3px;
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); -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 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); -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);
@ -1097,15 +1112,17 @@ 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; margin: 2px;
} }
#mail-compose .mail-compose_toolbar .et2_file span.et2_file_span, #mail-compose .mail-compose_toolbar .et2_file span.et2_file_span,
#mail-compose .mail-compose_toolbar .mail-compose_fileselector span.et2_file_span { #mail-compose .mail-compose_toolbar .mail-compose_fileselector span.et2_file_span {
font-size: 1.1em; font-size: 1.1em;
font-weight: normal; font-weight: normal;
/*.border_normal;*/ border: 1px solid rgba(0, 0, 0, 0.15);
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000; color: #000000;
-webkit-appearance: none; -webkit-appearance: none;
-webkit-transition-property: background-color; -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 .mailComposeHeaders span#mail-compose_cc_expander,
#mail-compose .mailComposeHeadersSection 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;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000; color: #000000;
-webkit-appearance: none; -webkit-appearance: none;
-webkit-transition-property: background-color; -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 .mailComposeHeaders span#mail-compose_bcc_expander,
#mail-compose .mailComposeHeadersSection 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;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000; color: #000000;
-webkit-appearance: none; -webkit-appearance: none;
-webkit-transition-property: background-color; -webkit-transition-property: background-color;

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

@ -370,7 +370,7 @@ div#mail-index{
// file upload // file upload
span.file {float: left; span.file {float: left;
img{background-color: @gray_0;} button{background-color: @gray_0;}
} }
@ -450,14 +450,16 @@ div#mail-index{
// file // file
// Dateimanager // Dateimanager
img[id="mail-compose_selectFromVFSForCompose"] { button[id="mail-compose_selectFromVFSForCompose"] {
/*margin-left: 15px !important;*/ /*margin-left: 15px !important;*/
.dimension_height_s; .dimension_height_s;
padding: 1px;
margin: 3px; margin: 3px;
vertical-align: middle; vertical-align: middle;
float: left; float: left;
height: 20px !important;
width: auto; width: auto;
background-size: 16px 16px;
padding: 0;
.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;}
@ -469,9 +471,7 @@ div#mail-index{
float: left; float: left;
vertical-align: middle; vertical-align: middle;
margin:-3px; margin:2px;
span.et2_file_span{ span.et2_file_span{
font-size: 1.1em; font-size: 1.1em;