From 043706de4afea5892de79c81ed3f7b52b806dfa1 Mon Sep 17 00:00:00 2001
From: Oliver Hamlet <oliver.hamlet@gmail.com>
Date: Sat, 27 Dec 2014 12:34:58 +0000
Subject: [PATCH] Added transitions for header bar content colours.

---
 resources/report/css/overrides.css            | 1 +
 resources/report/html/loot-dropdown-menu.html | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/resources/report/css/overrides.css b/resources/report/css/overrides.css
index ffb3d1a4..8febe261 100644
--- a/resources/report/css/overrides.css
+++ b/resources/report/css/overrides.css
@@ -14,6 +14,7 @@ html /deep/ paper-item[disabled] > core-icon {
 /* Change color of disabled icon buttons to match Material Design spec. */
 paper-icon-button[disabled] {
     color: rgba(255, 255, 255, 0.30);
+    transition: color 0.6s;
 }
 /* This override change the positioning of the progress dialog to adapt to content changes. */
 #progressDialog {
diff --git a/resources/report/html/loot-dropdown-menu.html b/resources/report/html/loot-dropdown-menu.html
index 491e7924..b8514bbe 100644
--- a/resources/report/html/loot-dropdown-menu.html
+++ b/resources/report/html/loot-dropdown-menu.html
@@ -37,6 +37,9 @@ it a <select>-like API. This means:
         :host(.dark) paper-dropdown-menu {
             border-bottom-color: rgba(255, 255, 255, 0.12);
         }
+        paper-dropdown-menu[disabled]::shadow #label {
+            transition: color 0.6s;
+        }
         :host(.dark) paper-dropdown-menu::shadow #label {
             color: white;
         }