From 40c55526a02d17930281a4f83b5926127fcc40a8 Mon Sep 17 00:00:00 2001
From: Jared Dillard <jdillard@netgate.com>
Date: Tue, 6 Oct 2015 15:55:43 -0500
Subject: update widget header color and fix collapse toggle

---
 src/usr/local/www/bootstrap/css/pfSense.css |  6 ++++++
 src/usr/local/www/index.php                 | 22 ++++++++++++----------
 2 files changed, 18 insertions(+), 10 deletions(-)

(limited to 'src/usr/local')

diff --git a/src/usr/local/www/bootstrap/css/pfSense.css b/src/usr/local/www/bootstrap/css/pfSense.css
index f9cbfa0..a60066a 100644
--- a/src/usr/local/www/bootstrap/css/pfSense.css
+++ b/src/usr/local/www/bootstrap/css/pfSense.css
@@ -127,6 +127,12 @@ tr.disabled th {
 	padding: 0 12px;
 }
 
+.panel-default>.panel-heading {
+	color: #fff;
+	background-color: #424242;
+	letter-spacing: 1px;
+}
+
 .panel {
 	margin-bottom: 10px;
 }
diff --git a/src/usr/local/www/index.php b/src/usr/local/www/index.php
index dea61a6..815ba08 100644
--- a/src/usr/local/www/index.php
+++ b/src/usr/local/www/index.php
@@ -363,14 +363,14 @@ foreach ($widgets as $widgetname => $widgetconfig)
 				<?=$widgetconfig['name']?>
 				<span class="icons">
 					<a data-toggle="collapse" href="#widget-<?=$widgetname?> .panel-footer" class="config hidden">
-						<i class="icon icon-wrench"></i>
+						<i class="icon-white icon-wrench"></i>
 					</a>
 					<a data-toggle="collapse" href="#widget-<?=$widgetname?> .panel-body">
 						<!--  actual icon is determined in css based on state of body -->
-						<i class="icon icon-plus-sign"></i>
+						<i class="icon-white icon-plus-sign"></i>
 					</a>
 					<a data-toggle="close" href="#widget-<?=$widgetname?>">
-						<i class="icon icon-remove-sign"></i>
+						<i class="icon-white icon-remove-sign"></i>
 					</a>
 				</span>
 			</div>
@@ -413,20 +413,22 @@ events.push(function() {
 
 	// Initial state & toggle icons of collapsed panel
 	$('.container .panel-heading a[data-toggle="collapse"]').each(function (idx, el){
-		var body = $(el).parents('.panel').children('.panel-body'), isOpen = body.hasClass('in');
-		$(el).toggleClass('icon-plus-sign', !isOpen);
-		$(el).toggleClass('icon-minus-sign', isOpen);
+		var body = $(el).parents('.panel').children('.panel-body')
+		var isOpen = body.hasClass('in');
+
+		$(el).children('i').toggleClass('icon-plus-sign', !isOpen);
+		$(el).children('i').toggleClass('icon-minus-sign', isOpen);
 
 		body.on('shown.bs.collapse', function(){
-			$(el).toggleClass('icon-minus-sign', true);
-			$(el).toggleClass('icon-plus-sign', false);
+			$(el).children('i').toggleClass('icon-minus-sign', true);
+			$(el).children('i').toggleClass('icon-plus-sign', false);
 
 			updateWidgets();
 		});
 
 		body.on('hidden.bs.collapse', function(){
-			$(el).toggleClass('icon-minus-sign', false);
-			$(el).toggleClass('icon-plus-sign', true);
+			$(el).children('i').toggleClass('icon-minus-sign', false);
+			$(el).children('i').toggleClass('icon-plus-sign', true);
 
 			updateWidgets();
 		});
-- 
cgit v1.1