From 3dd377e2725a5c578caef5f8e60438e7db1db1dd Mon Sep 17 00:00:00 2001
From: Thomas Bruederli <thomas@roundcube.net>
Date: Mon, 16 Mar 2015 16:02:49 +0100
Subject: Color quota display orange/red when over 80/90 %

---
 skins/larry/images/quota.png | Bin 2033 -> 4967 bytes
 skins/larry/styles.css       |   5 +++++
 skins/larry/ui.js            |   1 +
 3 files changed, 6 insertions(+)

diff --git a/skins/larry/images/quota.png b/skins/larry/images/quota.png
index 61c1d414e..b9ca00cd6 100644
Binary files a/skins/larry/images/quota.png and b/skins/larry/images/quota.png 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)
-- 
cgit v1.2.3