summaryrefslogtreecommitdiff
path: root/skins/default/templates/mail.html
diff options
context:
space:
mode:
authoralecpl <alec@alec.pl>2008-09-20 08:32:00 +0000
committeralecpl <alec@alec.pl>2008-09-20 08:32:00 +0000
commita1f7220e9f23ea81b5b626d20f25039724b3413e (patch)
tree011d0ec75f2674be368a18f97a7c3c363c8d36e9 /skins/default/templates/mail.html
parentfc1a10b4d5f0128297e2475d09132187da7d08a8 (diff)
- prevent splitters "jumps" when page is loading (set style reading cookie in skin template, using new 'expression' feature)
Diffstat (limited to 'skins/default/templates/mail.html')
-rw-r--r--skins/default/templates/mail.html17
1 files changed, 14 insertions, 3 deletions
diff --git a/skins/default/templates/mail.html b/skins/default/templates/mail.html
index f4070e95f..24f851a20 100644
--- a/skins/default/templates/mail.html
+++ b/skins/default/templates/mail.html
@@ -41,11 +41,22 @@ body_keypress: function(evt, p)
};
</script>
-<roundcube:if condition="config:preview_pane == true" />
<style type="text/css">
-#mailcontframe { height: 195px; }
-</style>
+<roundcube:if condition="config:preview_pane == true" />
+#mailcontframe { height: <roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter-5 : 195" />px; }
+#mailpreviewframe {
+ top: <roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter+5 : 205" />px;
+ /* css hack for IE */
+ height: expression((parseInt(this.parentNode.offsetHeight)-<roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter+5 : 205" />)+'px');
+}
<roundcube:endif />
+#mailboxlist-container { width: <roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv-5 : 160" />px; }
+#mailrightcontainer {
+ left: <roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 170" />px;
+ /* css hack for IE */
+ width: expression((parseInt(this.parentNode.offsetWidth)-<roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 170" />)+'px');
+}
+</style>
</head>
<body>