Changeset 5986 in subversion


Ignore:
Timestamp:
Mar 8, 2012 7:27:11 AM (2 years ago)
Author:
alec
Message:
Location:
trunk/roundcubemail/skins/larry
Files:
5 edited

Legend:

Unmodified
Added
Removed
  • trunk/roundcubemail/skins/larry/mail.css

    r5982 r5986  
    4949        width: 30px; 
    5050        left: auto !important; 
     51} 
     52 
     53#folderlist-header { 
     54        width: 100%; 
     55        height: 12px; 
     56        top: 32px; 
    5157} 
    5258 
  • trunk/roundcubemail/skins/larry/templates/addressbook.html

    r5816 r5986  
    2222<!-- sources/groups list --> 
    2323<div id="directorylistbox" class="uibox listbox"> 
    24 <h2 class="boxtitle"><roundcube:label name="groups" /></h2> 
    25 <div class="scroller withfooter"> 
     24<h2 id="directorylist-header" class="boxtitle"><roundcube:label name="groups" /></h2> 
     25<div id="directorylist-content" class="scroller withfooter"> 
    2626        <roundcube:object name="directorylist" id="directorylist" class="listing" /> 
    2727</div> 
    28 <div class="boxfooter"> 
     28<div id="directorylist-footer" class="boxfooter"> 
    2929        <roundcube:button command="group-create" type="link" title="newcontactgroup" class="listbutton add disabled" classAct="listbutton add" innerClass="inner" content="+" /><roundcube:button name="groupoptions" id="groupoptionslink" type="link" title="moreactions" class="listbutton groupactions" onclick="UI.show_popup('groupoptions');return false" innerClass="inner" content="&#9881;" /> 
    3030</div> 
  • trunk/roundcubemail/skins/larry/templates/folders.html

    r5982 r5986  
    1616 
    1717<div id="folderslist" class="uibox listbox"> 
    18 <h2 class="boxtitle"><span style="float:right"><roundcube:label name="subscribed" /></span><roundcube:label name="folders" /></h2> 
    19 <div class="scroller withfooter"> 
     18<h2 id="folderslist-header" class="boxtitle"><span style="float:right"><roundcube:label name="subscribed" /></span><roundcube:label name="folders" /></h2> 
     19<div id="folderslist-content" class="scroller withfooter"> 
    2020<roundcube:object name="foldersubscription" form="subscriptionform" id="subscription-table" class="listing" noheader="true" /> 
    2121</div> 
    22 <div class="boxfooter"> 
     22<div id="folderslist-footer" class="boxfooter"> 
    2323        <roundcube:button command="create-folder" type="link" title="createfolder" class="listbutton add disabled" classAct="listbutton add" innerClass="inner" content="+" /><roundcube:button name="mailboxmenulink" id="mailboxmenulink" type="link" title="folderactions" class="listbutton groupactions" onclick="UI.show_popup('mailboxmenu');return false" innerClass="inner" content="&#9881;" /> 
    2424        <roundcube:if condition="env:quota" /> 
  • trunk/roundcubemail/skins/larry/templates/mail.html

    r5929 r5986  
    2828 
    2929<!-- folders list --> 
     30<div id="folderlist-header"></div> 
    3031<div id="mailboxcontainer" class="uibox listbox"> 
    31 <div class="scroller withfooter"> 
     32<div id="folderlist-content" class="scroller withfooter"> 
    3233<roundcube:object name="mailboxlist" id="mailboxlist" class="listing" folder_filter="mail" unreadwrap="%s" /> 
    3334</div> 
    34 <div class="boxfooter"> 
     35<div id="folderlist-footer" class="boxfooter"> 
    3536        <roundcube:button name="mailboxmenulink" id="mailboxmenulink" type="link" title="folderactions" class="listbutton groupactions" onclick="UI.show_popup('mailboxmenu');return false" innerClass="inner" content="&#9881;" /> 
    3637        <roundcube:if condition="env:quota" /> 
  • trunk/roundcubemail/skins/larry/ui.js

    r5985 r5986  
    113113          mailviewsplit.init(); 
    114114 
     115        new rcube_scroller('#folderlist-content', '#folderlist-header', '#folderlist-footer'); 
     116 
    115117        rcmail.addEventListener('setquota', update_quota); 
    116118      } 
     
    136138          orientation:'v', relative:true, start:305, min:150, size:12 }).init(); 
    137139 
     140        new rcube_scroller('#folderslist-content', '#folderslist-header', '#folderslist-footer'); 
     141 
    138142        rcmail.addEventListener('setquota', update_quota); 
    139143      } 
     
    152156        new rcube_splitter({ id:'addressviewsplitter', p1:'#addresslist', p2:'#contacts-box', 
    153157          orientation:'v', relative:true, start:296, min:220, size:12 }).init(); 
     158 
     159        new rcube_scroller('#directorylist-content', '#directorylist-header', '#directorylist-footer'); 
    154160      } 
    155161    } 
     
    837843} 
    838844 
     845 
     846/** 
     847 * Roundcube Scroller class 
     848 */ 
     849function rcube_scroller(list, top, bottom) 
     850{ 
     851  var ref = this; 
     852 
     853  this.list = $(list); 
     854  this.top = $(top); 
     855  this.bottom = $(bottom); 
     856  this.step_size = 6; 
     857  this.step_time = 20; 
     858  this.delay = 500; 
     859 
     860  this.top 
     861    .mouseenter(function() { ref.ts = window.setTimeout(function() { ref.scroll('down'); }, ref.delay); }) 
     862    .mouseout(function() { if (ref.ts) window.clearTimeout(ref.ts); }); 
     863 
     864  this.bottom 
     865    .mouseenter(function() { ref.ts = window.setTimeout(function() { ref.scroll('up'); }, ref.delay); }) 
     866    .mouseout(function() { if (ref.ts) window.clearTimeout(ref.ts); }); 
     867 
     868  this.scroll = function(dir) 
     869  { 
     870    var ref = this, size = this.step_size; 
     871 
     872    if (!rcmail.drag_active) 
     873      return; 
     874 
     875    if (dir == 'down') 
     876      size *= -1; 
     877 
     878    this.list.get(0).scrollTop += size; 
     879    this.ts = window.setTimeout(function() { ref.scroll(dir); }, this.step_time); 
     880  }; 
     881}; 
    839882 
    840883 
     
    10681111  return rcube_splitter._instances[id]; 
    10691112}; 
    1070  
Note: See TracChangeset for help on using the changeset viewer.