From 77fad166e30e5fd225495c6c78f525d0ce27c7b3 Mon Sep 17 00:00:00 2001 From: Thomas Bruederli Date: Wed, 4 Jul 2012 23:39:45 +0200 Subject: Some last layout changes for Larry: move search box to the right, visually connect message list footer to the list --- skins/larry/ui.js | 21 ++++++++++++--------- 1 file changed, 12 insertions(+), 9 deletions(-) (limited to 'skins/larry/ui.js') diff --git a/skins/larry/ui.js b/skins/larry/ui.js index d0dbc6c67..884ee55be 100644 --- a/skins/larry/ui.js +++ b/skins/larry/ui.js @@ -108,7 +108,7 @@ function rcube_mail_ui() $('#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:0, offset:-18 }); + orientation:'h', relative:true, start:310, min:150, size:6, offset:-18 }); if (previewframe) mailviewsplit.init(); @@ -178,21 +178,24 @@ function rcube_mail_ui() if ($('option:selected', this).val() != '') title = $('option:selected', this).text(); - var new_select = $('' + title + '') + var overlay = $('' + title + '') .css('position', 'absolute') .offset(select.position()) .insertAfter(select); - new_select.children().width(width).height(height).css('line-height', (height - 1) + 'px'); + overlay.children().width(width).height(height).css('line-height', (height - 1) + 'px'); select.change(function() { var val = $('option:selected', this).text(); $(this).next().children().html(val); - }) - .parent().css('position', 'relative'); + }); + + var parent = select.parent(); + if (parent.css('position') != 'absolute') + parent.css('position', 'relative'); // re-set original select width to fix click action and options width in some browsers - select.width(new_select.width()); + select.width(overlay.width()); }); $(document.body) @@ -311,7 +314,7 @@ function rcube_mail_ui() function resize_leftcol(splitter) { - if (splitter) + if (0&&splitter) $('#quicksearchbar input').css('width', (splitter.pos - 70) + 'px'); } @@ -447,7 +450,7 @@ function rcube_mail_ui() button.removeClass().addClass(visible ? 'enabled' : 'closed'); if (visible) { - $('#mailview-top').css({ bottom:'auto' }); + $('#mailview-top').removeClass('fullheight').css({ bottom:'auto' }); $('#mailview-bottom').css({ height:'auto' }); rcmail.env.contentframe = 'messagecontframe'; @@ -466,7 +469,7 @@ function rcube_mail_ui() rcmail.env.contentframe = null; rcmail.show_contentframe(false); - $('#mailview-top').css({ height:'auto', bottom:'28px' }); + $('#mailview-top').addClass('fullheight').css({ height:'auto', bottom:'28px' }); $('#mailview-bottom').css({ top:'auto', height:'26px' }); if (mailviewsplit.handle) -- cgit v1.2.3