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

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

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

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

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

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

@ -7,7 +7,7 @@
<column width="20%"/>
</columns>
<rows>
<row class="dialog-header" >
<row class="dialogHeader" >
<description value="Subscription folders" class="mail_subscription_header"/>
</row>
<row>
@ -17,7 +17,7 @@
</row>
</rows>
</grid>
<hbox class="dialog-footer-toolbar">
<hbox class="dialogFooterToolbar">
<button statustext="Saves subscription changes" label="Save" id="button[save]"/>
<button statustext="Applies the changes made" label="Apply" id="button[apply]"/>
<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 {
font-size: 1.1em;
font-weight: normal;
border: 1px solid rgba(0, 0, 0, 0.15);
/*.border_normal;*/
/*.box_shadow_standard_light;*/
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
/*.rounded (3px);*/
color: #000000;
-webkit-appearance: none;
-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 .mailComposeHeadersSection span#mail-compose_cc_expander {
border: 1px solid rgba(0, 0, 0, 0.15);
/*.border_normal;*/
/*.box_shadow_standard_light;*/
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
/*.rounded (3px);*/
color: #000000;
-webkit-appearance: none;
-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 .mailComposeHeadersSection span#mail-compose_bcc_expander {
border: 1px solid rgba(0, 0, 0, 0.15);
/*.border_normal;*/
/*.box_shadow_standard_light;*/
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
/*.rounded (3px);*/
color: #000000;
-webkit-appearance: none;
-webkit-transition-property: background-color;
@ -1303,6 +1297,11 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
* Preview
* ##################################################################################
*/
div#popupMainDiv {
padding: 8px;
margin: -6px 0px 6px -1px;
width: 100%;
}
#mail-display {
width: 870px;
padding: 5px;
@ -1315,21 +1314,8 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
#mail-display .et2_toolbar,
#mail-display #mail-display_toolbar,
#mail-display mail-display_displayToolbar {
/*.background-color-5-gray;*/
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 */
/*.gradient_thead;*/
background-color: transparent;
color: #000000;
clear: both;
/* padding: 5px 3px;*/
@ -1633,6 +1619,32 @@ div.ui-toolbar-menulist {
background-color: #e6e6e6 !important;
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 {
-webkit-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 {
position: relative;
background-color: white;
background-color: transparent;
width: 100%;
}
#mail-index_mailPreview {

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

@ -266,7 +266,7 @@ div#mail-index{
.basefontfamily;
}
// color - selected tree item
.selectedTreeRow {background-color: @egw_color_1_a; color: @gray_90;}
@ -608,6 +608,12 @@ div#mail-index{
* Preview
* ##################################################################################
*/
div#popupMainDiv{
padding: 8px;
margin: -6px 0px 6px -1px;
width: 100%;
}
#mail-display{
// gesamtbreite
width: 870px;
@ -623,7 +629,8 @@ div#mail-index{
.et2_toolbar,
#mail-display_toolbar,
mail-display_displayToolbar{
.gradient_thead;
/*.gradient_thead;*/
background-color: transparent;
.color_100_gray;
clear: both;
/* padding: 5px 3px;*/
@ -906,7 +913,44 @@ div.ui-toolbar-menulist{
}
.et2_toolbar_activeList{
}
// all used button in toolbar
.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 {
position: relative;
background-color: white;
background-color: transparent;
width: 100%;
}
#mail-index_mailPreview {