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

rearranged peview template and styled it

Browse Source
This commit is contained in:
Ralf Becker 2013-05-14 13:19:09 +00:00
parent c20b9807bf
commit 0fef5f6ac9
2 changed files with 56 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -297,3 +297,34 @@ pre {
input[type=button] { input[type=button] {
background-position: left; background-position: left;
} }
#messageIFRAME {
width: 100%;
height: 100%;
border: 0;
}
#mailPreview {
position: relative;
margin-top: 3px;
}
#mailPreviewIcons {
position: absolute;
right: 0;
top: 0;
}
#mailPreviewContainer {
position: absolute;
border: 1px solid silver;
top: 55px;
bottom: 0;
left: 0;
right: 0;
}
div.mailPreviewHeaders > span:first-child {
width: 5em;
display: inline-block;
}
div.mailPreviewHeaders > * {
margin-left: 3px;
}

88
mail/templates/default/index.xet
View File

@ -2,7 +2,7 @@
<!-- $Id$ --> <!-- $Id$ -->
<overlay> <overlay>
<template id="mail.index.rows" template="" lang="" group="0" version="1.9.001"> <template id="mail.index.rows" template="" lang="" group="0" version="1.9.001">
<grid> <grid width="100%">
<columns> <columns>
<column width="25"/> <column width="25"/>
<column width="20"/> <column width="20"/>
@ -40,69 +40,31 @@
<template id="mail.index" template="" lang="" group="0" version="1.9.001"> <template id="mail.index" template="" lang="" group="0" version="1.9.001">
<tree autoloading="mail.mail_ui.ajax_foldertree" id="nm[foldertree]" onclick="app.mail.mail_changeFolder(widget.event_args[0],widget);" parent_node="tree_target"/> <tree autoloading="mail.mail_ui.ajax_foldertree" id="nm[foldertree]" onclick="app.mail.mail_changeFolder(widget.event_args[0],widget);" parent_node="tree_target"/>
<html id="msg"/> <html id="msg"/>
<split dock_side="bottomDock" id="splitter" orientation="h"> <split dock_side="bottomDock" id="mailSplitter" orientation="h">
<nextmatch id="nm" onselect="app.mail.mail_preview" template="mail.index.rows"/> <nextmatch id="nm" onselect="app.mail.mail_preview" template="mail.index.rows"/>
<vbox id="spanMessagePreview"> <vbox id="mailPreview" width="100%">
<grid width="100%"> <hbox width="100%" class="mailPreviewHeaders">
<columns> <description value="From"/>
<column/> <url-email id="previewFromAddress" readonly="true"/>
</columns> </hbox>
<rows> <hbox width="100%" class="mailPreviewHeaders">
<row> <description value="To"/>
<grid width="100%"> <url-email id="previewToAddress" readonly="true"/>
<columns> </hbox>
<column/> <hbox width="100%" class="mailPreviewHeaders">
<column/> <description value="Date"/>
</columns> <date-time align="left" id="previewDate" readonly="true"/>
<rows> </hbox>
<row> <hbox width="100%" class="mailPreviewHeaders">
<grid width="100%"> <description value="Subject"/>
<columns> <description align="left" id="previewSubject" readonly="true"/>
<column/> </hbox>
</columns> <hbox id="mailPreviewIcons">
<rows> <description value="Icons"/>
<row> </hbox>
<hbox> <box id="mailPreviewContainer">
<description value="From"/> <iframe frameborder="1" id="messageIFRAME" scrolling="auto"/>
<description value=":"/> </box>
<url-email id="previewFromAddress" readonly="true"/>
</hbox>
</row>
<row>
<hbox>
<description value="To"/>
<description value=":"/>
<url-email id="previewToAddress" readonly="true"/>
</hbox>
</row>
<row>
<hbox>
<description value="Date"/>
<description value=":"/>
<date-time align="left" id="previewDate" readonly="true"/>
</hbox>
</row>
<row>
<hbox>
<description value="Subject"/>
<description value=":"/>
<description align="left" id="previewSubject" readonly="true"/>
</hbox>
</row>
</rows>
</grid>
<hbox width="275px">
<description value="Action Icons"/>
</hbox>
</row>
</rows>
</grid>
</row>
<row class="previewDataArea" valign="top">
<iframe frameborder="1" height="auto" id="messageIFRAME" scrolling="auto" width="100%"/>
</row>
</rows>
</grid>
</vbox> </vbox>
</split> </split>
</template> </template>