summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorThomas Bruederli <thomas@roundcube.net>2015-03-16 16:02:49 +0100
committerThomas Bruederli <thomas@roundcube.net>2015-03-16 16:02:49 +0100
commit3dd377e2725a5c578caef5f8e60438e7db1db1dd (patch)
tree5b7a7d1f65c4b0343fd902a06e18f50233044b0a
parent465ba8d11bc27dc44407337afff8d4fe12bce955 (diff)
Color quota display orange/red when over 80/90 %
-rw-r--r--skins/larry/images/quota.pngbin2033 -> 4967 bytes
-rw-r--r--skins/larry/styles.css5
-rw-r--r--skins/larry/ui.js1
3 files changed, 6 insertions, 0 deletions
diff --git a/skins/larry/images/quota.png b/skins/larry/images/quota.png
index 61c1d414e..b9ca00cd6 100644
--- a/skins/larry/images/quota.png
+++ b/skins/larry/images/quota.png
Binary files differ
diff --git a/skins/larry/styles.css b/skins/larry/styles.css
index c8c9a038a..2f3cefdb0 100644
--- a/skins/larry/styles.css
+++ b/skins/larry/styles.css
@@ -2231,6 +2231,11 @@ a.iconbutton:focus,
background: url(images/quota.png) -100px 0 no-repeat;
}
+#quotadisplay.p90,
+#quotadisplay.p100 {
+ color: #e03221;
+}
+
table.quota-info {
border-spacing: 0;
border-collapse: collapse;
diff --git a/skins/larry/ui.js b/skins/larry/ui.js
index a4c29fd9e..a1c00eb29 100644
--- a/skins/larry/ui.js
+++ b/skins/larry/ui.js
@@ -532,6 +532,7 @@ function rcube_mail_ui()
y -= step;
element.css('background-position', '0 -' + y + 'px');
+ element.attr('class', 'countdisplay p' + (Math.round(p.percent / 10) * 10));
if (p.table) {
if (!menu.length)