From 54759ce120c30882521946694b83646e9695395a Mon Sep 17 00:00:00 2001
From: alecpl <alec@alec.pl>
Date: Wed, 9 Jun 2010 11:17:45 +0000
Subject: - some improvements + added splitter in Identities

---
 skins/default/iehacks.css                 |  8 ++------
 skins/default/mail.css                    |  4 ++--
 skins/default/settings.css                | 29 ++++++-----------------------
 skins/default/templates/editidentity.html | 22 ++++++++++++++++++++--
 skins/default/templates/identities.html   | 22 ++++++++++++++++++++--
 5 files changed, 50 insertions(+), 35 deletions(-)

(limited to 'skins')

diff --git a/skins/default/iehacks.css b/skins/default/iehacks.css
index 46650e436..6888094c7 100644
--- a/skins/default/iehacks.css
+++ b/skins/default/iehacks.css
@@ -38,11 +38,6 @@ input, textarea
   height: expression((parseInt(document.documentElement.clientHeight)-235)+'px');
 }
 
-#identities-list
-{
-  height: expression((parseInt(document.documentElement.clientHeight)-155)+'px');
-}
-
 #messagetoolbar
 {
   width: expression((parseInt(document.documentElement.clientWidth)-215)+'px');
@@ -95,7 +90,8 @@ input, textarea
 }
 
 #addresslist,
-#sectionslist
+#sectionslist,
+#identities-list
 {
   height: expression(parseInt(this.parentNode.offsetHeight)+'px');
 }
diff --git a/skins/default/mail.css b/skins/default/mail.css
index dfa091384..b29688492 100644
--- a/skins/default/mail.css
+++ b/skins/default/mail.css
@@ -384,7 +384,7 @@ td.formlinks a:visited
   bottom: 20px;
   border: 1px solid #999;
   background-color: #F9F9F9;
-  overflow: auto;
+  overflow: hidden;
 }
 
 #mailboxlist
@@ -919,7 +919,7 @@ td span.branch div.l3
 .quota_text_high { color: white; }
 .quota_text_mid { color: #666; }
 .quota_text_low { color: #666; }
-	  
+
 
 /** message view styles */
 
diff --git a/skins/default/settings.css b/skins/default/settings.css
index b41391964..46a02d81f 100644
--- a/skins/default/settings.css
+++ b/skins/default/settings.css
@@ -50,7 +50,6 @@ span.tablink-selected a
   width: 300px;
 }
 
-#identities-list,
 #folder-manager
 {
   position: absolute;
@@ -73,13 +72,6 @@ span.tablink-selected a
   background-color: #FFFFA6;
 }
 
-#identities-list
-{
-  bottom: 30px;
-  width: 420px;
-  border: 1px solid #999999;
-}
-
 #listbuttons
 {
   position: absolute;
@@ -109,16 +101,7 @@ span.tablink-selected a
   cursor: default;
   overflow: hidden;
   text-overflow: ellipsis;
-}
-
-#identities-table thead td.name
-{
-  width: 55%;
-}
-
-#identities-table thead td.email
-{
-  width: 45%;
+  -o-text-overflow: ellipsis;
 }
 
 #subscription-table tbody td
@@ -189,10 +172,9 @@ span.tablink-selected a
 #identity-details
 {
   position: absolute;
-  top: 95px;
-  left: 450px;
-  right: 20px;
-  bottom: 30px;
+  top: 0;
+  right: 0;
+  bottom: 0;
   border: 1px solid #999999;
   overflow: auto;
   background-color: #F2F2F2;
@@ -246,6 +228,7 @@ legend
   left: 20px;
 }
 
+#identities-list,
 #sectionslist
 {
   position: absolute;
@@ -254,7 +237,7 @@ legend
   bottom: 0px;
   border: 1px solid #999999;
   background-color: #F9F9F9;
-  overflow: auto;
+  overflow: hidden;
 }
 
 #sections-table
diff --git a/skins/default/templates/editidentity.html b/skins/default/templates/editidentity.html
index 30177ade0..5b4c75386 100644
--- a/skins/default/templates/editidentity.html
+++ b/skins/default/templates/editidentity.html
@@ -4,6 +4,14 @@
 <title><roundcube:object name="pagetitle" /></title>
 <roundcube:include file="/includes/links.html" />
 <script type="text/javascript" src="/functions.js"></script>
+<script type="text/javascript" src="/splitter.js"></script>
+<style type="text/css">
+#identities-list { width: <roundcube:exp expression="!empty(cookie:identviewsplitter) ? cookie:identviewsplitter-5 : 295" />px; }
+#identity-details { left: <roundcube:exp expression="!empty(cookie:identviewsplitter) ? cookie:identviewsplitter+5 : 305" />px;
+  <roundcube:exp expression="browser:ie ? ('width:expression((parseInt(this.parentNode.offsetWidth)-'.(!empty(cookie:identviewsplitter) ? cookie:identviewsplitter+5 : 305).')+\\'px\\');') : ''" />
+}
+</style>
+
 </head>
 <body>
 
@@ -11,15 +19,23 @@
 <roundcube:include file="/includes/header.html" />
 <roundcube:include file="/includes/settingstabs.html" />
 
+<div id="prefsscreen">
+
 <div id="identities-list">
-<div class="boxlistcontent" style="top: 0px">
-<roundcube:object name="identitiesList" id="identities-table" class="records-table" cellspacing="0" summary="Identities list" editIcon="" />
+<div id="identity-title" class="boxtitle"><roundcube:label name="identities" /></div>
+<div class="boxlistcontent">
+<roundcube:object name="identitiesList" id="identities-table" class="records-table" cellspacing="0" summary="Identities list" noheader="true" editIcon="" />
 </div>
 <div class="boxfooter">
 <roundcube:button command="add" type="link" title="newidentity" class="buttonPas addgroup" classAct="button addgroup" content=" " condition="config:identities_level:0<2" />
 </div>
 </div>
 
+<script type="text/javascript">
+  var identviewsplit = new rcube_splitter({id:'identviewsplitter', p1: 'identities-list', p2: 'identity-details', orientation: 'v', relative: true, start: 300 });
+  rcmail.add_onload('identviewsplit.init()');
+</script>
+
 <div id="identity-details">
 <div id="identity-title" class="boxtitle"><roundcube:object name="steptitle" /></div>
 
@@ -33,5 +49,7 @@
 </div>
 </div>
 
+</div>
+
 </body>
 </html>
diff --git a/skins/default/templates/identities.html b/skins/default/templates/identities.html
index 55094a061..04fa9816c 100644
--- a/skins/default/templates/identities.html
+++ b/skins/default/templates/identities.html
@@ -4,6 +4,14 @@
 <title><roundcube:object name="pagetitle" /></title>
 <roundcube:include file="/includes/links.html" />
 <script type="text/javascript" src="/functions.js"></script>
+<script type="text/javascript" src="/splitter.js"></script>
+<style type="text/css">
+#identities-list { width: <roundcube:exp expression="!empty(cookie:identviewsplitter) ? cookie:identviewsplitter-5 : 295" />px; }
+#identity-details { left: <roundcube:exp expression="!empty(cookie:identviewsplitter) ? cookie:identviewsplitter+5 : 305" />px;
+  <roundcube:exp expression="browser:ie ? ('width:expression((parseInt(this.parentNode.offsetWidth)-'.(!empty(cookie:identviewsplitter) ? cookie:identviewsplitter+5 : 305).')+\\'px\\');') : ''" />
+}
+</style>
+
 </head>
 <body>
 
@@ -11,20 +19,30 @@
 <roundcube:include file="/includes/header.html" />
 <roundcube:include file="/includes/settingstabs.html" />
 
+<div id="prefsscreen">
+
 <div id="identities-list">
-<div class="boxlistcontent" style="top: 0px">
-<roundcube:object name="identitiesList" id="identities-table" class="records-table" cellspacing="0" summary="Identities list" editIcon="" />
+<div id="identity-title" class="boxtitle"><roundcube:label name="identities" /></div>
+<div class="boxlistcontent">
+<roundcube:object name="identitiesList" id="identities-table" class="records-table" cellspacing="0" summary="Identities list" noheader="true" editIcon="" />
 </div>
 <div class="boxfooter">
 <roundcube:button command="add" type="link" title="newidentity" class="buttonPas addgroup" classAct="button addgroup" content=" " condition="config:identities_level:0<2" />
 </div>
 </div>
 
+<script type="text/javascript">
+  var identviewsplit = new rcube_splitter({id:'identviewsplitter', p1: 'identities-list', p2: 'identity-details', orientation: 'v', relative: true, start: 300 });
+  rcmail.add_onload('identviewsplit.init()');
+</script>
+
 <div id="identity-details">
   <div style="margin:10px auto; text-align:center">
   <img src="/images/watermark.gif" width="260" height="228" alt="" />
   </div>
 </div>
 
+</div>
+
 </body>
 </html>
-- 
cgit v1.2.3