rearranged peview template and styled it

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

View File

@ -297,3 +297,34 @@ pre {
input[type=button] {
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;
}

View File

@ -2,7 +2,7 @@
<!-- $Id$ -->
<overlay>
<template id="mail.index.rows" template="" lang="" group="0" version="1.9.001">
<grid>
<grid width="100%">
<columns>
<column width="25"/>
<column width="20"/>
@ -40,69 +40,31 @@
<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"/>
<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"/>
<vbox id="spanMessagePreview">
<grid width="100%">
<columns>
<column/>
</columns>
<rows>
<row>
<grid width="100%">
<columns>
<column/>
<column/>
</columns>
<rows>
<row>
<grid width="100%">
<columns>
<column/>
</columns>
<rows>
<row>
<hbox>
<description value="From"/>
<description value=":"/>
<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 id="mailPreview" width="100%">
<hbox width="100%" class="mailPreviewHeaders">
<description value="From"/>
<url-email id="previewFromAddress" readonly="true"/>
</hbox>
<hbox width="100%" class="mailPreviewHeaders">
<description value="To"/>
<url-email id="previewToAddress" readonly="true"/>
</hbox>
<hbox width="100%" class="mailPreviewHeaders">
<description value="Date"/>
<date-time align="left" id="previewDate" readonly="true"/>
</hbox>
<hbox width="100%" class="mailPreviewHeaders">
<description value="Subject"/>
<description align="left" id="previewSubject" readonly="true"/>
</hbox>
<hbox id="mailPreviewIcons">
<description value="Icons"/>
</hbox>
<box id="mailPreviewContainer">
<iframe frameborder="1" id="messageIFRAME" scrolling="auto"/>
</box>
</vbox>
</split>
</template>