diff options
author | Jared Dillard <jdillard@netgate.com> | 2015-10-06 15:55:43 -0500 |
---|---|---|
committer | Jared Dillard <jdillard@netgate.com> | 2015-10-06 15:55:52 -0500 |
commit | 40c55526a02d17930281a4f83b5926127fcc40a8 (patch) | |
tree | dc84fd0e4f9d38b209f2e777f9c2bd8e1cd74ebf /src/usr | |
parent | a80708e04a88cb3593b426e267f8151935c43aca (diff) | |
download | pfsense-40c55526a02d17930281a4f83b5926127fcc40a8.zip pfsense-40c55526a02d17930281a4f83b5926127fcc40a8.tar.gz |
update widget header color and fix collapse toggle
Diffstat (limited to 'src/usr')
-rw-r--r-- | src/usr/local/www/bootstrap/css/pfSense.css | 6 | ||||
-rw-r--r-- | src/usr/local/www/index.php | 22 |
2 files changed, 18 insertions, 10 deletions
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(); }); |