From 71228297e0e1d0f4271b244913e0fd609c31e90f Mon Sep 17 00:00:00 2001
From: alecpl <alec@alec.pl>
Date: Mon, 27 Jun 2011 07:30:33 +0000
Subject: - Added vertical splitter for books/groups list in addressbook
 (#1487923)

---
 skins/default/addressbook.css            | 14 +++++++-------
 skins/default/ie6hacks.css               |  2 +-
 skins/default/iehacks.css                |  8 ++++----
 skins/default/templates/addressbook.html |  9 +++++++++
 4 files changed, 21 insertions(+), 12 deletions(-)

(limited to 'skins')

diff --git a/skins/default/addressbook.css b/skins/default/addressbook.css
index e06cfd089..7c156a66b 100644
--- a/skins/default/addressbook.css
+++ b/skins/default/addressbook.css
@@ -89,18 +89,18 @@
 #addressscreen
 {
   position: absolute;
-  top: 85px;
-  right: 20px;
-  bottom: 20px;
-  left: 225px;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 205px;
 }
 
 #directorylistbox
 {
   position: absolute;
-  top: 85px;
-  bottom: 20px;
-  left: 20px;
+  top: 0;
+  bottom: 0;
+  left: 0;
   width: 195px;
   border: 1px solid #999999;
   background-color: #F9F9F9;
diff --git a/skins/default/ie6hacks.css b/skins/default/ie6hacks.css
index c23f77ed6..3a78930b1 100644
--- a/skins/default/ie6hacks.css
+++ b/skins/default/ie6hacks.css
@@ -116,7 +116,7 @@ ul.toolbarmenu li.separator_below
   height: expression((parseInt(this.parentNode.offsetHeight)-23-parseInt(this.style.top?this.style.top:21))+'px');
 }
 
-#directorylistbox, #folder-manager
+#folder-manager
 {
   height: expression((parseInt(document.documentElement.clientHeight)-105)+'px');
 }
diff --git a/skins/default/iehacks.css b/skins/default/iehacks.css
index 1b77797b4..892cdeaa2 100644
--- a/skins/default/iehacks.css
+++ b/skins/default/iehacks.css
@@ -33,9 +33,7 @@ input, textarea
   width: expression((parseInt(document.documentElement.clientWidth)-240)+'px');
 }
 
-#mainscreen,
-#directorylistbox,
-#addressscreen
+#mainscreen
 {
   height: expression((parseInt(document.documentElement.clientHeight)-105)+'px');
 }
@@ -94,7 +92,9 @@ input, textarea
 #identity-details,
 #contacts-box,
 #prefs-box,
-#folder-box
+#folder-box,
+#directorylistbox,
+#addressscreen
 {
   height: expression(parseInt(this.parentNode.offsetHeight)+'px');
 }
diff --git a/skins/default/templates/addressbook.html b/skins/default/templates/addressbook.html
index 3ac8c122b..a19c84861 100644
--- a/skins/default/templates/addressbook.html
+++ b/skins/default/templates/addressbook.html
@@ -9,6 +9,9 @@
 #addresslist { width: <roundcube:exp expression="!empty(cookie:addressviewsplitter) ? cookie:addressviewsplitter-5 : 245" />px; }
 #contacts-box { left: <roundcube:exp expression="!empty(cookie:addressviewsplitter) ? cookie:addressviewsplitter+5 : 255" />px;
 	<roundcube:exp expression="browser:ie ? ('width:expression((parseInt(this.parentNode.offsetWidth)-'.(!empty(cookie:addressviewsplitter) ? cookie:addressviewsplitter+5 : 255).')+\\'px\\');') : ''" />
+#directorylistbox { width: <roundcube:exp expression="!empty(cookie:addressviewsplitterd) ? cookie:addressviewsplitterd-5 : 195" />px; }
+#addressscreen { left: <roundcube:exp expression="!empty(cookie:addressviewsplitterd) ? cookie:addressviewsplitterd+5 : 205" />px;
+	<roundcube:exp expression="browser:ie ? ('width:expression((parseInt(this.parentNode.offsetWidth)-'.(!empty(cookie:addressviewsplitterd) ? cookie:addressviewsplitterd+5 : 205).')+\\'px\\');') : ''" />
 }
 </style>
 
@@ -45,6 +48,8 @@
   </ul>
 </div>
 
+<div id="mainscreen">
+
 <div id="directorylistbox">
 <div id="directorylist-title" class="boxtitle"><roundcube:label name="groups" /></div>
 <div class="boxlistcontent">
@@ -86,12 +91,16 @@
 <script type="text/javascript">
   var addrviewsplit = new rcube_splitter({id:'addressviewsplitter', p1: 'addresslist', p2: 'contacts-box', orientation: 'v', relative: true, start: 250});
   rcmail.add_onload('addrviewsplit.init()');
+
+  var addrviewsplitd = new rcube_splitter({id:'addressviewsplitterd', p1: 'directorylistbox', p2: 'addressscreen', orientation: 'v', relative: true, start: 200});
+  rcmail.add_onload('addrviewsplitd.init()');
 </script>
 
 <div id="contacts-box">
 <roundcube:object name="addressframe" id="contact-frame" width="100%" height="100%" frameborder="0" src="/watermark.html" />
 </div>
 
+</div>
 </div>
 
 </body>
-- 
cgit v1.2.3