[pve-devel] [PATCH pve-manager v2 4/5] Add custom syle to pveHelpButton

Emmanuel Kasper e.kasper at proxmox.com
Wed Jun 1 12:15:44 CEST 2016


Next / OK are already displayed in blue, which is the 'call-to-action'
color we use everywhere.
To prevent stealing attention from these buttons, switch help button
to grey
---
 www/css/ext6-pve.css              | 4 ++++
 www/manager6/button/HelpButton.js | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/www/css/ext6-pve.css b/www/css/ext6-pve.css
index 2f83863..b672892 100644
--- a/www/css/ext6-pve.css
+++ b/www/css/ext6-pve.css
@@ -363,3 +363,7 @@
     left: -3px;
     top: 2px;
 }
+
+.pve-help-button .x-btn-inner {
+    color: black;
+}
diff --git a/www/manager6/button/HelpButton.js b/www/manager6/button/HelpButton.js
index b00ff14..82f0935 100644
--- a/www/manager6/button/HelpButton.js
+++ b/www/manager6/button/HelpButton.js
@@ -5,7 +5,9 @@ Ext.define('PVE.button.Help', {
     extend: 'Ext.button.Button',
     alias: 'widget.pveHelpButton',
     text: gettext('Help'),
-    iconCls: 'fa fa-question-circle',
+    // make help button less flashy by styling it like toolbar buttons
+    iconCls: ' x-btn-icon-el-default-toolbar-small fa fa-question-circle',
+    cls: 'x-btn-default-toolbar-small pve-help-button',
     hidden: true,
     controller: {
 	xclass: 'Ext.app.ViewController',
-- 
2.1.4




More information about the pve-devel mailing list