From fd7b3d3ef07cc81a06727ac41d30bd61090b47c7 Mon Sep 17 00:00:00 2001
From: Oliver Hamlet <oliver.hamlet@gmail.com>
Date: Sun, 28 Dec 2014 13:39:35 +0000
Subject: [PATCH] Improved styling of scrollable tabs.

Scroll buttons are now better aligned with tab text, have the correct
Material Design icon colour, and tab text is better vertically centered.
Disabled scroll buttons also no longer cause hovering cursors to display
pointers.
---
 resources/report/css/material.css  | 5 +++++
 resources/report/css/overrides.css | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/resources/report/css/material.css b/resources/report/css/material.css
index f3cf3400..ed470ca9 100644
--- a/resources/report/css/material.css
+++ b/resources/report/css/material.css
@@ -98,10 +98,15 @@ html /deep/ core-menu .core-selected {
 html /deep/ paper-tabs::shadow #selectionBar {
    height: 2px;
 }
+html /deep/ paper-tabs::shadow .scroll-button > paper-icon-button {
+    vertical-align: middle;
+    color: rgba(0, 0, 0, 0.54);
+}
 
 /* paper-tab */
 html /deep/ paper-tab::shadow .tab-content {
     text-transform: uppercase;
+    line-height: 48px;
 }
 
 /* core-drawer-panel */
diff --git a/resources/report/css/overrides.css b/resources/report/css/overrides.css
index 58ecf9c7..cf5733a9 100644
--- a/resources/report/css/overrides.css
+++ b/resources/report/css/overrides.css
@@ -47,6 +47,11 @@ html /deep/ paper-tabs::shadow #selectionBar {
 html /deep/ paper-tab::shadow #ink {
     color: #64B5F6;
 }
+/* Set the paper tab scroll buttons so they don't cause the cursor to display as
+   as a pointer when they are disabled. */
+html /deep/ paper-tabs::shadow .scroll-button .hidden {
+    pointer-events: none;
+}
 /* Set the drawer z-index so that it doesn't appear below plugin cards. */
 core-drawer-panel::shadow #drawer {
     z-index: 1;