- Added vertical splitter for books/groups list in addressbook (#1487923)

5 files changed, 22 insertions, 12 deletions

diff --git a/CHANGELOG b/CHANGELOG
index 42a2305f7..6ffcb95fa 100644
--- a/CHANGELOG
+++ b/CHANGELOG
@@ -1,6 +1,7 @@
 CHANGELOG Roundcube Webmail
 ===========================
 
+- Added vertical splitter for books/groups list in addressbook (#1487923)
 - Improved namespace roots handling in folder manager
 - Added searching in all addressbook sources
 - Added addressbook source selection in contacts import
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,6 +91,9 @@
 <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">
@@ -93,6 +101,7 @@
 </div>
 
 </div>
+</div>
 
 </body>
 </html>