From d5ffe6acef74b2c9bb34e5ff7b9eef2c830668ae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel.odegaard@gmail.com>
Date: Wed, 24 Sep 2014 12:14:20 +0200
Subject: [PATCH] White theme: Fixes for hidden series legend text and disabled
 annotations color, Closes #852

---
 CHANGELOG.md                          | 1 +
 src/app/partials/graphite/editor.html | 2 ++
 src/app/partials/submenu.html         | 7 -------
 src/css/less/graph.less               | 2 +-
 src/css/less/submenu.less             | 2 +-
 src/css/less/variables.dark.less      | 1 +
 src/css/less/variables.light.less     | 3 ++-
 7 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 92bdd66eca0..82390a8e88c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,7 @@
 - [Issue #846](https://github.com/grafana/grafana/issues/846). Edit panes: Issue when open row or json editor when scrolled down the page, unable to scroll and you did not see editor
 - [Issue #840](https://github.com/grafana/grafana/issues/840). Import: Fixes to import from json file and import from graphite. Issues was lingering state from previous dashboard.
 - [Issue #859](https://github.com/grafana/grafana/issues/859). InfluxDB: Fix for bug when saving dashboard where title is the same as slugified url id
+- [Issue #852](https://github.com/grafana/grafana/issues/852). White theme: Fixes for hidden series legend text and disabled annotations color
 
 # 1.8.0 (2014-09-22)
 
diff --git a/src/app/partials/graphite/editor.html b/src/app/partials/graphite/editor.html
index dcbc4306e0f..f54c830d46b 100755
--- a/src/app/partials/graphite/editor.html
+++ b/src/app/partials/graphite/editor.html
@@ -76,6 +76,7 @@
 </div>
 
 <section class="grafana-metric-options">
+	<div class="grafana-target">
 		<div class="grafana-target-inner">
 			<ul class="grafana-segment-list">
 				<li class="grafana-target-segment grafana-target-segment-icon">
@@ -125,6 +126,7 @@
 			<div class="clearfix"></div>
 		</div>
 	</div>
+ </div>
 </section>
 
 <div class="editor-row">
diff --git a/src/app/partials/submenu.html b/src/app/partials/submenu.html
index 42884a84058..e82e2505afb 100644
--- a/src/app/partials/submenu.html
+++ b/src/app/partials/submenu.html
@@ -17,9 +17,6 @@
 				</ul>
 
 				<ul class="grafana-segment-list" ng-if="dashboard.templating.enable">
-					<li class="small grafana-target-segment">
-						<strong>VARIABLES</strong>
-					</li>
 					<li ng-repeat-start="variable in variables" class="grafana-target-segment template-param-name">
 						<span class="template-variable ">
 						${{variable.name}}:
@@ -31,10 +28,6 @@
 				</ul>
 
 				<ul class="grafana-segment-list" ng-if="dashboard.annotations.enable">
-					<li class="small grafana-target-segment">
-						<strong>ANNOTATIONS</strong>
-					</li>
-
 					<li ng-repeat="annotation in dashboard.annotations.list" class="grafana-target-segment annotation-segment" ng-class="{'annotation-disabled': !annotation.enable}">
 						<a ng-click="disableAnnotation(annotation)">
 							<i class="annotation-color-icon icon-bolt"></i>
diff --git a/src/css/less/graph.less b/src/css/less/graph.less
index 1bd424999ca..d53c55345c7 100644
--- a/src/css/less/graph.less
+++ b/src/css/less/graph.less
@@ -124,7 +124,7 @@
 
 .graph-legend-series-hidden {
   a {
-    color: darken(@linkColor, 45%);
+    color: @linkColorDisabled;
   }
 }
 
diff --git a/src/css/less/submenu.less b/src/css/less/submenu.less
index 8e5c23f7a29..b762d7acfbd 100644
--- a/src/css/less/submenu.less
+++ b/src/css/less/submenu.less
@@ -5,6 +5,6 @@
 }
 
 .annotation-disabled, .annotation-disabled a {
-  color: darken(@textColor, 25%);
+  color: @linkColorDisabled;
 }
 
diff --git a/src/css/less/variables.dark.less b/src/css/less/variables.dark.less
index c65a6f99179..d0f268a5981 100644
--- a/src/css/less/variables.dark.less
+++ b/src/css/less/variables.dark.less
@@ -52,6 +52,7 @@
 // Links
 // -------------------------
 @linkColor:             darken(@white,11%);
+@linkColorDisabled:     darken(@linkColor,45%);
 @linkColorHover:        @white;
 
 
diff --git a/src/css/less/variables.light.less b/src/css/less/variables.light.less
index c3453fdd92b..5f843fa4d7a 100644
--- a/src/css/less/variables.light.less
+++ b/src/css/less/variables.light.less
@@ -54,12 +54,13 @@
 // Scaffolding
 // -------------------------
 @bodyBackground:        @grayLighter;
-@textColor:             #555;
+@textColor:             #666;
 
 
 // Links
 // -------------------------
 @linkColor:             @textColor;
+@linkColorDisabled:     lighten(@linkColor,35%);
 @linkColorHover:        @blue;