From 9a55d9a21a036c67fdc90f0a712dde35c408e56d Mon Sep 17 00:00:00 2001 From: Emmanuel Kasper Date: Mon, 14 Mar 2016 13:35:09 +0100 Subject: [PATCH] css improvements for crisp theme * usability improvement for enabled buttons: in the default theme, ExtJS uses two different nuances of grey to distinguish enabled or disabled buttons the problem is that compared to the full black of the panels titles, it gives the impression that everything is disabled (the contrast is not strong enough between the two grey nuances) the fix is to replace the dark grey of an 'enabled' button with black, similar with what we had in ExtJS and the Classic theme * re add menu header this was lost when moving to crisp theme reasoning and fix identic to 198f2d837ac7bf4cbc919de12ce979a8cab3e68d by default the title in extjs6 menus have no style this patch uses the same style as the tab headers --- www/css/ext6-pve.css | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/www/css/ext6-pve.css b/www/css/ext6-pve.css index 3c3684c9..6f5af32d 100644 --- a/www/css/ext6-pve.css +++ b/www/css/ext6-pve.css @@ -1 +1,15 @@ -/* empty for now */ +/* overwrite to use full black for enabled buttons */ +.x-btn-inner-default-toolbar-small { + font: 300 12px/16px helvetica, arial, verdana, sans-serif; + color: #000; + padding: 0 5px; + max-width: 100%; +} + +/* add missing class for context menu header */ +.x-menu-header { + font: 400 13px/20px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif; + color: #fff; + padding: 4px; + background-color: #3892d4; +} \ No newline at end of file