* Mail: Improvement of attachment area UI in compose,display and preview dialogs

This commit is contained in:
Hadi Nategh 2014-09-04 15:03:31 +00:00
parent 977c0bf482
commit d8c3f673f6
5 changed files with 19 additions and 11 deletions

View File

@ -288,6 +288,7 @@ pre {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
word-wrap: break-word; word-wrap: break-word;
max-width: 0px;
} }
#mail-index { #mail-index {
position: relative position: relative

View File

@ -80,7 +80,7 @@
</row> </row>
</rows> </rows>
</grid> </grid>
</groupbox> </box>
</vbox> </vbox>
</template> </template>
</overlay> </overlay>

View File

@ -78,7 +78,7 @@
</hbox> </hbox>
<hbox id="mailPreviewHeadersAttachments" class="mailPreviewHeaders"> <hbox id="mailPreviewHeadersAttachments" class="mailPreviewHeaders">
<description value="Attachments"/> <description value="Attachments"/>
<grid disabled="@no_griddata" id="previewAttachmentArea" class="previewAttachmentArea"> <grid disabled="@no_griddata" id="previewAttachmentArea" class="previewAttachmentArea egwGridView_grid">
<columns> <columns>
<column disabled="!@showtempname"/> <column disabled="!@showtempname"/>
<column disabled="!@showtempname"/> <column disabled="!@showtempname"/>
@ -92,12 +92,12 @@
<column /> <column />
</columns> </columns>
<rows> <rows>
<row > <row class="row attachmentRow">
<description id="${row}[attachment_number]" /> <description id="${row}[attachment_number]" />
<description id="${row}[partID]" /> <description id="${row}[partID]" />
<description id="${row}[type]" /> <description id="${row}[type]" />
<description id="${row}[winmailFlag]" /> <description id="${row}[winmailFlag]" />
<description class="et2_link" id="${row}[filename]" no_lang="1" onclick="app.mail.displayAttachment"/> <description class="et2_link useEllipsis" id="${row}[filename]" no_lang="1" onclick="app.mail.displayAttachment"/>
<description align="right" id="${row}[size]" /> <description align="right" id="${row}[size]" />
<buttononly id="${row}[save]" image="fileexport" onclick="app.mail.saveAttachment"/> <buttononly id="${row}[save]" image="fileexport" onclick="app.mail.saveAttachment"/>
<buttononly id="${row}[saveAsVFS]" image="filemanager/navbar" onclick="app.mail.saveAttachmentToVFS"/> <buttononly id="${row}[saveAsVFS]" image="filemanager/navbar" onclick="app.mail.saveAttachmentToVFS"/>

View File

@ -284,6 +284,7 @@ pre {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
word-wrap: break-word; word-wrap: break-word;
max-width: 0px;
} }
#mail-index { #mail-index {
position: relative; position: relative;
@ -1082,7 +1083,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
padding-left: 20px; padding-left: 20px;
width: 71px; width: 71px;
float: left; float: left;
background-image: url(images/mail_send.png) !important; background-image: url(images/mail_send.png);
background-position: left; background-position: left;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px 16px; background-size: 16px 16px;
@ -1095,6 +1096,9 @@ 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 .mail-compose_button:disabled {
background-color: rgba(12, 93, 165, 0.2) !important;
}
#mail-compose .mail-compose_toolbar img[id="mail-compose_button[saveAsDraftAndPrint]"], #mail-compose .mail-compose_toolbar img[id="mail-compose_button[saveAsDraftAndPrint]"],
#mail-compose .mail-compose_toolbar img[id="mail-compose_button[saveAsDraft]"] { #mail-compose .mail-compose_toolbar img[id="mail-compose_button[saveAsDraft]"] {
vertical-align: middle; vertical-align: middle;

View File

@ -362,13 +362,14 @@ div#mail-index{
background: transparent; background: transparent;
// Senden Button
button[id="mail-compose_button[sent]"], button[id="mail-compose_button[sent]"],
button.et2_button{ button.et2_button{
/* background-color: @gray_30;*/ /* background-color: @gray_30;*/
/*height: 33px;*/ /*height: 33px;*/
/*margin: 0px 3px 0 !important;*/ /*margin: 0px 3px 0 !important;*/
} }
span.email-button-group { span.email-button-group {
@ -433,6 +434,7 @@ div#mail-index{
button.et2_button { } button.et2_button { }
// Senden Button
.mail-compose_button{ .mail-compose_button{
height: 27px; height: 27px;
/*margin-right: 3px !important;*/ /*margin-right: 3px !important;*/
@ -443,13 +445,14 @@ div#mail-index{
padding-left: 20px; padding-left: 20px;
width: 71px; width: 71px;
float: left; float: left;
background-image: url(images/mail_send.png) !important; background-image: url(images/mail_send.png);
background-position: left; background-position: left;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px 16px; background-size: 16px 16px;
background-color: @egw_color_2_a; background-color: @egw_color_2_a;
color: @gray_0; color: @gray_0;
&:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;} &:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;}
&:disabled {background-color: @color_disabled !important;}
} }
/*######################################*/ /*######################################*/