Move splitter between the boxes of message list and message preview

Thomas Bruederli

2012-07-05 3a8633cdc3c2b07450f25a5f1d23c310d492a9dd

Move splitter between the boxes of message list and message preview

 skins/larry/mail.css

@@ -48,12 +48,6 @@
    height: 26px;
}

#mailviewsplitter {
    right: 30px;
    width: 30px;
    left: auto !important;
}

#folderlist-header {
    width: 100%;
    height: 12px;
@@ -325,11 +319,11 @@
    position: absolute;
    right: 256px;
    width: auto;
    top: 8px;
    top: 7px;
}

#searchfilter select {
    height: 24px;
    height: 26px;
}

#mailview-left select.mailboxlist {

 skins/larry/templates/mail.html

@@ -5,8 +5,8 @@
<roundcube:include file="/includes/links.html" />
<style type="text/css">
<roundcube:if condition="config:preview_pane == true" />
    #mailview-top { height: <roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter-45 : 300" />px; }
    #mailview-bottom { top: <roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter+5 : 320" />px; height: auto; }
    #mailview-top { height: <roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter-48 : 276" />px; }
    #mailview-bottom { top: <roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter+6 : 330" />px; height: auto; }
    #mailpreviewframe { display: block; }
<roundcube:endif />
</style>

 skins/larry/ui.js

@@ -110,7 +110,7 @@
        $('#mailthreadmode').addClass(rcmail.env.threading ? 'selected' : '').click(function(e){ switch_view_mode('thread'); return false });

        mailviewsplit = new rcube_splitter({ id:'mailviewsplitter', p1:'#mailview-top', p2:'#mailview-bottom',
          orientation:'h', relative:true, start:310, min:150, size:6, offset:-18 });
          orientation:'h', relative:true, start:310, min:150, size:12, offset:4 });
        if (previewframe)
          mailviewsplit.init();

@@ -173,7 +173,7 @@
      }

      var select = $(this),
        height = Math.max(select.height(), 24) - 2,
        height = Math.max(select.height(), 26) - 2,
        width = select.width() - 22,
        title = $('option', this).first().text();

@@ -316,8 +316,7 @@

  function resize_leftcol(splitter)
  {
    if (0&&splitter)
      $('#quicksearchbar input').css('width', (splitter.pos - 70) + 'px');
    // STUB
  }