diff options
Diffstat (limited to 'skins/larry')
| -rw-r--r-- | skins/larry/styles.css | 24 | ||||
| -rw-r--r-- | skins/larry/ui.js | 15 |
2 files changed, 37 insertions, 2 deletions
diff --git a/skins/larry/styles.css b/skins/larry/styles.css index e4a5c6799..5e3eae2b3 100644 --- a/skins/larry/styles.css +++ b/skins/larry/styles.css @@ -2277,6 +2277,30 @@ a.iconbutton:focus, background: url(images/quota.png) -100px 0 no-repeat; } +table.quota-info { + border-spacing: 0; + border-collapse: collapse; + table-layout: fixed; + margin: 5px; +} + +table.quota-info td, +table.quota-info th { + color: white; + border: 1px solid lightgrey; + padding: 2px 3px; + text-align: center; + min-width: 80px; +} + +table.quota-info td.name { + text-align: left; +} + +table.quota-info td.root { + font-style: italic; +} + /*** popup menus ***/ .popupmenu, diff --git a/skins/larry/ui.js b/skins/larry/ui.js index 11125c389..f67b42250 100644 --- a/skins/larry/ui.js +++ b/skins/larry/ui.js @@ -515,14 +515,25 @@ function rcube_mail_ui() function update_quota(p) { - var step = 24, step_count = 20, + var element = $('#quotadisplay'), menu = $('#quotamenu'), + step = 24, step_count = 20, y = p.total ? Math.ceil(p.percent / 100 * step_count) * step : 0; // never show full-circle if quota is close to 100% but below. if (p.total && y == step * step_count && p.percent < 100) y -= step; - $('#quotadisplay').css('background-position', '0 -'+y+'px'); + element.css('background-position', '0 -' + y + 'px'); + + if (p.table) { + if (!menu.length) + menu = $('<div id="quotamenu" class="popupmenu">').appendTo($('body')); + + menu.html(p.table); + element.css('cursor', 'pointer').off('click').on('click', function(e) { + return rcmail.command('menu-open', 'quotamenu', e.target, e); + }); + } } |