extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-03 04:29:28 +01:00
Code Issues Packages Projects Releases Wiki Activity

Some styling improvements for mail compose

Browse Source
This commit is contained in:
Hadi Nategh 2018-06-28 17:28:45 +02:00
parent f6a6412d25
commit 4bd14a6b7b
5 changed files with 87 additions and 101 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -941,7 +941,7 @@ img.smime_cert_unknownemail {
.smimeIcons {position: absolute;right: 10px;} .smimeIcons {position: absolute;right: 10px;}
#mail-compose tr.mailComposeHeaders { #mail-compose tr.mailComposeHeaders {
border-bottom: 1px solid silver; border-top: 1px solid silver;
} }
#mail-compose tr.mailComposeHeaders .et2_selectbox, #mail-compose tr.mailComposeHeaders .et2_selectbox,
#mail-compose tr.mailComposeHeaders .et2_taglist .ms-ctn, #mail-compose tr.mailComposeHeaders .et2_taglist .ms-ctn,
@ -953,4 +953,12 @@ img.smime_cert_unknownemail {
#mail-compose tr.mailComposeHeaders .et2_taglist .ms-ctn-focus { #mail-compose tr.mailComposeHeaders .et2_taglist .ms-ctn-focus {
border: none; border: none;
box-shadow: none; box-shadow: none;
}
.et2_vbox.et2_box_widget.mailComposeBodySection {
margin-left: -3px;
}
#mail-compose_subject {
padding: 10px 0 10px 0;
} }

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

@ -60,10 +60,10 @@
<row class="mailComposeHeaders" > <row class="mailComposeHeaders" >
<description value="To"/> <description value="To"/>
<taglist-email id="to" width="100%" onclick="app.mail.address_click" multiple="true" include_lists="true" onchange="app.mail.recipients_onchange"/> <taglist-email id="to" width="100%" onclick="app.mail.address_click" multiple="true" include_lists="true" onchange="app.mail.recipients_onchange"/>
<vbox> <hbox>
<description id="cc_expander" value="Cc" class="et2_button_text" onclick="app.mail.compose_fieldExpander"/> <description id="cc_expander" value="Cc" class="et2_button_text" onclick="app.mail.compose_fieldExpander"/>
<description id="bcc_expander" value="Bcc" class="et2_button_text" onclick="app.mail.compose_fieldExpander"/> <description id="bcc_expander" value="Bcc" class="et2_button_text" onclick="app.mail.compose_fieldExpander"/>
</vbox> </hbox>
</row> </row>
<row class="mailComposeHeaders mailComposeJQueryCc"> <row class="mailComposeHeaders mailComposeJQueryCc">
<description value="Cc"/> <description value="Cc"/>
@ -82,16 +82,10 @@
<checkbox statustext="Change editor type" label="HTML" id="mimeType" onchange="app.mail.submitOnChange" options=",, ,disable" tabindex="7"/> <checkbox statustext="Change editor type" label="HTML" id="mimeType" onchange="app.mail.submitOnChange" options=",, ,disable" tabindex="7"/>
</hbox> </hbox>
</row> </row>
<row>
<description/>
<hbox class="mail_Composeicons">
<html id="mail_composeicons"/>
</hbox>
</row>
</rows> </rows>
</grid> </grid>
</vbox> </vbox>
<vbox class="mailComposeBodySection" width="99%"> <vbox class="mailComposeBodySection" width="100%">
<hbox disabled="@is_plain" class="mailComposeBody mailComposeHtmlContainer"> <hbox disabled="@is_plain" class="mailComposeBody mailComposeHtmlContainer">
<htmlarea span="all" name="mail_htmltext" id="mail_htmltext" imageUpload="link_to" expand_toolbar="true" height="478px" width="100%" resize_ratio="0"/> <htmlarea span="all" name="mail_htmltext" id="mail_htmltext" imageUpload="link_to" expand_toolbar="true" height="478px" width="100%" resize_ratio="0"/>
</hbox> </hbox>

67
mail/templates/mobile/app.css
View File

@ -930,7 +930,7 @@ img.smime_cert_unknownemail {
right: 10px; right: 10px;
} }
#mail-compose tr.mailComposeHeaders { #mail-compose tr.mailComposeHeaders {
border-bottom: 1px solid silver; border-top: 1px solid silver;
} }
#mail-compose tr.mailComposeHeaders .et2_selectbox, #mail-compose tr.mailComposeHeaders .et2_selectbox,
#mail-compose tr.mailComposeHeaders .et2_taglist .ms-ctn, #mail-compose tr.mailComposeHeaders .et2_taglist .ms-ctn,
@ -943,6 +943,12 @@ img.smime_cert_unknownemail {
border: none; border: none;
box-shadow: none; box-shadow: none;
} }
.et2_vbox.et2_box_widget.mailComposeBodySection {
margin-left: -3px;
}
#mail-compose_subject {
padding: 10px 0 10px 0;
}
#popupMainDiv { #popupMainDiv {
padding: 5px; padding: 5px;
} }
@ -1109,6 +1115,9 @@ body {
/*background-color: @gray-0;*/ /*background-color: @gray-0;*/
/*.gradient_thead;*/ /*.gradient_thead;*/
} }
#mail-compose .mailComposeBodySection {
margin-top: -4px;
}
#mail-compose .et2_toolbar button.toolbar_toggled:hover { #mail-compose .et2_toolbar button.toolbar_toggled:hover {
background-color: white !important; background-color: white !important;
} }
@ -1187,54 +1196,34 @@ body {
} }
#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,
#mail-compose .mailComposeHeaders span#mail-compose_cc_expander,
#mail-compose .mailComposeHeadersSection span#mail-compose_cc_expander,
#mail-compose .mailComposeHeaders span#mail-compose_cc_expander,
#mail-compose .mailComposeHeadersSection span#mail-compose_cc_expander,
#mail-compose .mailComposeHeaders span#mail-compose_bcc_expander,
#mail-compose .mailComposeHeadersSection span#mail-compose_bcc_expander,
#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,
#mail-compose .mailComposeHeaders span#mail-compose_folder_expander, #mail-compose .mailComposeHeaders span#mail-compose_folder_expander,
#mail-compose .mailComposeHeadersSection span#mail-compose_folder_expander, #mail-compose .mailComposeHeadersSection span#mail-compose_folder_expander,
#mail-compose .mailComposeHeaders span#mail-compose_folder_expander,
#mail-compose .mailComposeHeadersSection span#mail-compose_folder_expander,
#mail-compose .mailComposeHeaders span#mail-compose_replyto_expander,
#mail-compose .mailComposeHeadersSection span#mail-compose_replyto_expander,
#mail-compose .mailComposeHeaders span#mail-compose_replyto_expander, #mail-compose .mailComposeHeaders span#mail-compose_replyto_expander,
#mail-compose .mailComposeHeadersSection span#mail-compose_replyto_expander { #mail-compose .mailComposeHeadersSection span#mail-compose_replyto_expander {
/*.border_normal;*/ background: transparent;
/*.box_shadow_standard_light;*/ border: none;
/*.rounded (3px);*/ color: #26537c;
color: #000000; text-decoration: underline;
-webkit-appearance: none; float: none;
-webkit-transition-property: background-color; width: auto;
-moz-transition-property: background-color; white-space: nowrap;
-o-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
background-color: #E6E6E6;
float: left;
width: 55px;
margin: 3px;
font-size: 8px;
margin-left: 12px;
padding: 0;
}
#mail-compose .mailComposeHeaders span#mail-compose_cc_expander:hover,
#mail-compose .mailComposeHeadersSection span#mail-compose_cc_expander:hover,
#mail-compose .mailComposeHeaders span#mail-compose_bcc_expander:hover,
#mail-compose .mailComposeHeadersSection span#mail-compose_bcc_expander:hover,
#mail-compose .mailComposeHeaders span#mail-compose_folder_expander:hover,
#mail-compose .mailComposeHeadersSection span#mail-compose_folder_expander:hover,
#mail-compose .mailComposeHeaders span#mail-compose_replyto_expander:hover,
#mail-compose .mailComposeHeadersSection span#mail-compose_replyto_expander: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;
color: #FFFFFF;
} }
#mail-compose .mailComposeHeaders input#mail-compose_subject, #mail-compose .mailComposeHeaders input#mail-compose_subject,
#mail-compose .mailComposeHeadersSection input#mail-compose_subject { #mail-compose .mailComposeHeadersSection input#mail-compose_subject {
max-width: 716px; max-width: 716px;
padding: 4px 0px 4px 5px;
} }
#mail-compose .mailComposeHeaders input#mail-compose_mimeType, #mail-compose .mailComposeHeaders input#mail-compose_mimeType,
#mail-compose .mailComposeHeadersSection input#mail-compose_mimeType { #mail-compose .mailComposeHeadersSection input#mail-compose_mimeType {

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

@ -918,7 +918,7 @@ img.smime_cert_unknownemail {
right: 10px; right: 10px;
} }
#mail-compose tr.mailComposeHeaders { #mail-compose tr.mailComposeHeaders {
border-bottom: 1px solid silver; border-top: 1px solid silver;
} }
#mail-compose tr.mailComposeHeaders .et2_selectbox, #mail-compose tr.mailComposeHeaders .et2_selectbox,
#mail-compose tr.mailComposeHeaders .et2_taglist .ms-ctn, #mail-compose tr.mailComposeHeaders .et2_taglist .ms-ctn,
@ -931,6 +931,12 @@ img.smime_cert_unknownemail {
border: none; border: none;
box-shadow: none; box-shadow: none;
} }
.et2_vbox.et2_box_widget.mailComposeBodySection {
margin-left: -3px;
}
#mail-compose_subject {
padding: 10px 0 10px 0;
}
#popupMainDiv { #popupMainDiv {
padding: 5px; padding: 5px;
} }
@ -1097,6 +1103,9 @@ body {
/*background-color: @gray-0;*/ /*background-color: @gray-0;*/
/*.gradient_thead;*/ /*.gradient_thead;*/
} }
#mail-compose .mailComposeBodySection {
margin-top: -4px;
}
#mail-compose .et2_toolbar button.toolbar_toggled:hover { #mail-compose .et2_toolbar button.toolbar_toggled:hover {
background-color: white !important; background-color: white !important;
} }
@ -1175,54 +1184,34 @@ body {
} }
#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,
#mail-compose .mailComposeHeaders span#mail-compose_cc_expander,
#mail-compose .mailComposeHeadersSection span#mail-compose_cc_expander,
#mail-compose .mailComposeHeaders span#mail-compose_cc_expander,
#mail-compose .mailComposeHeadersSection span#mail-compose_cc_expander,
#mail-compose .mailComposeHeaders span#mail-compose_bcc_expander,
#mail-compose .mailComposeHeadersSection span#mail-compose_bcc_expander,
#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,
#mail-compose .mailComposeHeaders span#mail-compose_folder_expander, #mail-compose .mailComposeHeaders span#mail-compose_folder_expander,
#mail-compose .mailComposeHeadersSection span#mail-compose_folder_expander, #mail-compose .mailComposeHeadersSection span#mail-compose_folder_expander,
#mail-compose .mailComposeHeaders span#mail-compose_folder_expander,
#mail-compose .mailComposeHeadersSection span#mail-compose_folder_expander,
#mail-compose .mailComposeHeaders span#mail-compose_replyto_expander,
#mail-compose .mailComposeHeadersSection span#mail-compose_replyto_expander,
#mail-compose .mailComposeHeaders span#mail-compose_replyto_expander, #mail-compose .mailComposeHeaders span#mail-compose_replyto_expander,
#mail-compose .mailComposeHeadersSection span#mail-compose_replyto_expander { #mail-compose .mailComposeHeadersSection span#mail-compose_replyto_expander {
/*.border_normal;*/ background: transparent;
/*.box_shadow_standard_light;*/ border: none;
/*.rounded (3px);*/ color: #26537c;
color: #000000; text-decoration: underline;
-webkit-appearance: none; float: none;
-webkit-transition-property: background-color; width: auto;
-moz-transition-property: background-color; white-space: nowrap;
-o-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
background-color: #E6E6E6;
float: left;
width: 55px;
margin: 3px;
font-size: 8px;
margin-left: 12px;
padding: 0;
}
#mail-compose .mailComposeHeaders span#mail-compose_cc_expander:hover,
#mail-compose .mailComposeHeadersSection span#mail-compose_cc_expander:hover,
#mail-compose .mailComposeHeaders span#mail-compose_bcc_expander:hover,
#mail-compose .mailComposeHeadersSection span#mail-compose_bcc_expander:hover,
#mail-compose .mailComposeHeaders span#mail-compose_folder_expander:hover,
#mail-compose .mailComposeHeadersSection span#mail-compose_folder_expander:hover,
#mail-compose .mailComposeHeaders span#mail-compose_replyto_expander:hover,
#mail-compose .mailComposeHeadersSection span#mail-compose_replyto_expander: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;
color: #FFFFFF;
} }
#mail-compose .mailComposeHeaders input#mail-compose_subject, #mail-compose .mailComposeHeaders input#mail-compose_subject,
#mail-compose .mailComposeHeadersSection input#mail-compose_subject { #mail-compose .mailComposeHeadersSection input#mail-compose_subject {
max-width: 716px; max-width: 716px;
padding: 4px 0px 4px 5px;
} }
#mail-compose .mailComposeHeaders input#mail-compose_mimeType, #mail-compose .mailComposeHeaders input#mail-compose_mimeType,
#mail-compose .mailComposeHeadersSection input#mail-compose_mimeType { #mail-compose .mailComposeHeadersSection input#mail-compose_mimeType {

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

@ -203,7 +203,9 @@ body {
/*background-color: @gray-0;*/ /*background-color: @gray-0;*/
/*.gradient_thead;*/ /*.gradient_thead;*/
} }
.mailComposeBodySection {
margin-top: -4px;
}
// ################################## // ##################################
// Toolbar // Toolbar
.et2_toolbar button.toolbar_toggled { .et2_toolbar button.toolbar_toggled {
@ -264,20 +266,24 @@ body {
/*Kopie*/ /*Kopie*/
span#mail-compose_cc_expander, span#mail-compose_cc_expander,
/*Blindkopie*/ /*Blindkopie*/
span#mail-compose_bcc_expander, span#mail-compose_cc_expander, span#mail-compose_cc_expander,
span#mail-compose_folder_expander, span#mail-compose_bcc_expander, span#mail-compose_bcc_expander,
span#mail-compose_replyto_expander{ span#mail-compose_folder_expander, span#mail-compose_folder_expander,
.Complete_Button_normal; span#mail-compose_replyto_expander, span#mail-compose_replyto_expander
float: left; {
width: 55px; background: transparent;
margin: 3px; border: none;
font-size: 8px; color: #26537c;
margin-left: 12px; text-decoration: underline;
padding:0; float: none;
&:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;color: @gray_0;} width: auto;
white-space: nowrap;
} }
/*Betreff*/ /*Betreff*/
input#mail-compose_subject { max-width: 716px;} input#mail-compose_subject {
max-width: 716px;
padding: 4px 0px 4px 5px;
}
/*HTML Box*/ /*HTML Box*/
input#mail-compose_mimeType {margin-left: 12px;} input#mail-compose_mimeType {margin-left: 12px;}