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

* E-Mail Dialog "Ansehen"

Browse Source 
*          Preview

Button size // 

Toolbar background

app.less
This commit is contained in:
Stefan Reinhardt 2014-04-03 11:19:41 +00:00
parent 37a87636a4
commit 2cf37face0
6 changed files with 94 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
mail/templates/default/acl.xet
View File

@ -26,7 +26,7 @@
<column/> <column/>
</columns> </columns>
<rows> <rows>
<row class="th dialog-header"> <row class="th dialogHeader">
<description value="Name"/> <description value="Name"/>
<description value="Common ACL"/> <description value="Common ACL"/>
<description align="center" value="L"/> <description align="center" value="L"/>
@ -62,7 +62,7 @@
</row> </row>
</rows> </rows>
</grid> </grid>
<hbox class="dialog-footer-toolbar"> <hbox class="dialogFooterToolbar">
<button statustext="Saves this ACL" label="Save" id="button[save]"/> <button statustext="Saves this ACL" label="Save" id="button[save]"/>
<button statustext="Applies the changes made" label="Apply" id="button[apply]"/> <button statustext="Applies the changes made" label="Apply" id="button[apply]"/>
<button label="Cancel" id="button[cancel]"/> <button label="Cancel" id="button[cancel]"/>

4
mail/templates/default/importMessage.xet
View File

@ -3,8 +3,8 @@
<overlay> <overlay>
<template id="mail.importMessage" template="" lang="" group="0" version="1.9.001"> <template id="mail.importMessage" template="" lang="" group="0" version="1.9.001">
<html id="msg"/> <html id="msg"/>
<hbox class="dialog-header" width="100%" > <hbox class="dialogHeader" width="100%" >
<description value="Import message" align="center" class="dialog-header"/> <description value="Import message" align="center" class="dialogHeader"/>
</hbox> </hbox>
<vbox id="divImportArea"> <vbox id="divImportArea">
<hbox span="all"> <hbox span="all">

2
mail/templates/default/sieve.edit.xet
View File

@ -135,7 +135,7 @@
</groupbox> </groupbox>
</row> </row>
<row> <row>
<hbox class="dialog-footer-toolbar"> <hbox class="dialogFooterToolbar">
<button statustext="Saves this rule" label="Save" id="button[save]"/> <button statustext="Saves this rule" label="Save" id="button[save]"/>
<button statustext="Applies the changes made" label="Apply" id="button[apply]"/> <button statustext="Applies the changes made" label="Apply" id="button[apply]"/>
<button label="Cancel" id="button[cancel]"/> <button label="Cancel" id="button[cancel]"/>

4
mail/templates/default/subscribe.xet
View File

@ -7,7 +7,7 @@
<column width="20%"/> <column width="20%"/>
</columns> </columns>
<rows> <rows>
<row class="dialog-header" > <row class="dialogHeader" >
<description value="Subscription folders" class="mail_subscription_header"/> <description value="Subscription folders" class="mail_subscription_header"/>
</row> </row>
<row> <row>
@ -17,7 +17,7 @@
</row> </row>
</rows> </rows>
</grid> </grid>
<hbox class="dialog-footer-toolbar"> <hbox class="dialogFooterToolbar">
<button statustext="Saves subscription changes" label="Save" id="button[save]"/> <button statustext="Saves subscription changes" label="Save" id="button[save]"/>
<button statustext="Applies the changes made" label="Apply" id="button[apply]"/> <button statustext="Applies the changes made" label="Apply" id="button[apply]"/>
<button label="Cancel" id="button[cancel]"/> <button label="Cancel" id="button[cancel]"/>

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

@ -1069,11 +1069,9 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
#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: 1px solid rgba(0, 0, 0, 0.15); /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
-webkit-border-radius: 3px; /*.rounded (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;
@ -1203,11 +1201,9 @@ 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: 1px solid rgba(0, 0, 0, 0.15); /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
-webkit-border-radius: 3px; /*.rounded (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;
@ -1239,11 +1235,9 @@ 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: 1px solid rgba(0, 0, 0, 0.15); /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
-webkit-border-radius: 3px; /*.rounded (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;
@ -1303,6 +1297,11 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
* Preview * Preview
* ################################################################################## * ##################################################################################
*/ */
div#popupMainDiv {
padding: 8px;
margin: -6px 0px 6px -1px;
width: 100%;
}
#mail-display { #mail-display {
width: 870px; width: 870px;
padding: 5px; padding: 5px;
@ -1315,21 +1314,8 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
#mail-display .et2_toolbar, #mail-display .et2_toolbar,
#mail-display #mail-display_toolbar, #mail-display #mail-display_toolbar,
#mail-display mail-display_displayToolbar { #mail-display mail-display_displayToolbar {
/*.background-color-5-gray;*/ /*.gradient_thead;*/
background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); background-color: transparent;
/* 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;
clear: both; clear: both;
/* padding: 5px 3px;*/ /* padding: 5px 3px;*/
@ -1633,6 +1619,32 @@ div.ui-toolbar-menulist {
background-color: #e6e6e6 !important; background-color: #e6e6e6 !important;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
} }
.et2_toolbar_actionlist .et2_toolbar-dropdown {
/* background: @gray_10 !important;
background-color: @gray_10 !important;*/
margin: -4px 5px -2px 4px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.et2_toolbar_actionlist .et2_toolbar-dropdown .et2_dropdown {
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
border: none !important;
}
.et2_toolbar_actionlist .et2_toolbar-dropdown .et2_dropdown button {
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
background: #e6e6e6 !important;
background-color: #e6e6e6 !important;
}
.et2_toolbar_actionlist .et2_toolbar-dropdown .et2_dropdown button img {
width: 20px;
height: 20px;
top: 1px;
}
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);
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
@ -2078,7 +2090,7 @@ input[type=button] {
} }
.mailDisplay { .mailDisplay {
position: relative; position: relative;
background-color: white; background-color: transparent;
width: 100%; width: 100%;
} }
#mail-index_mailPreview { #mail-index_mailPreview {

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

@ -608,6 +608,12 @@ div#mail-index{
* Preview * Preview
* ################################################################################## * ##################################################################################
*/ */
div#popupMainDiv{
padding: 8px;
margin: -6px 0px 6px -1px;
width: 100%;
}
#mail-display{ #mail-display{
// gesamtbreite // gesamtbreite
width: 870px; width: 870px;
@ -623,7 +629,8 @@ div#mail-index{
.et2_toolbar, .et2_toolbar,
#mail-display_toolbar, #mail-display_toolbar,
mail-display_displayToolbar{ mail-display_displayToolbar{
.gradient_thead; /*.gradient_thead;*/
background-color: transparent;
.color_100_gray; .color_100_gray;
clear: both; clear: both;
/* padding: 5px 3px;*/ /* padding: 5px 3px;*/
@ -906,7 +913,44 @@ div.ui-toolbar-menulist{
} }
.et2_toolbar_activeList{ .et2_toolbar_activeList{
} }
// all used button in toolbar
.et2_toolbar_actionlist{ .et2_toolbar_actionlist{
// zusammengesetzte Buttons
.et2_toolbar-dropdown{
/* background: @gray_10 !important;
background-color: @gray_10 !important;*/
margin: -4px 5px -2px 4px;
.rounded(3px);
.et2_dropdown{
.box_shadow_none;
border: none !important;
button{
.box_shadow_none;
background: @gray_10 !important;
background-color: @gray_10 !important;
&:hover{}
img {
.dimension_width_height_sm;
top: 1px;
}
}
}
ul> li{ }
ul{ }
}
} }
@ -1414,7 +1458,7 @@ input[type=button] {
//} //}
.mailDisplay { .mailDisplay {
position: relative; position: relative;
background-color: white; background-color: transparent;
width: 100%; width: 100%;
} }
#mail-index_mailPreview { #mail-index_mailPreview {