- Send command to infrastructure component
+ {showTooltip ?
+
+ Select command for infrastructure component } >
+
+ {actionList}
+
+
+ Send command to infrastructure component } >
+
+
+
+ :
{actionList}
-
+ }
;
}
}
diff --git a/src/scenario/scenario.js b/src/scenario/scenario.js
index 09f8712..5b413f3 100644
--- a/src/scenario/scenario.js
+++ b/src/scenario/scenario.js
@@ -508,11 +508,17 @@ class Scenario extends React.Component {
paddingTop: '30px'
}
+ const iconStyle = {
+ color: '#007bff',
+ height: '25px',
+ width : '25px'
+ }
+
return
Add, edit or delete files of scenario } >
diff --git a/src/widget/toolbox-item.js b/src/widget/toolbox-item.js
index 7df6cfc..f1ebb93 100644
--- a/src/widget/toolbox-item.js
+++ b/src/widget/toolbox-item.js
@@ -51,7 +51,7 @@ class ToolboxItem extends React.Component {
if (this.props.disabled === false) {
return this.props.connectDragSource(
-
+
{this.props.icon && }
{this.props.name}
diff --git a/src/widget/widget-toolbox.js b/src/widget/widget-toolbox.js
index 04e8492..07c3a36 100644
--- a/src/widget/widget-toolbox.js
+++ b/src/widget/widget-toolbox.js
@@ -37,6 +37,12 @@ class WidgetToolbox extends React.Component {
render() {
// Only one topology widget at the time is supported
+ const iconStyle = {
+ color: '#007bff',
+ height: '25px',
+ width : '25px'
+ }
+
const thereIsTopologyWidget = this.props.widgets != null && Object.values(this.props.widgets).filter(w => w.type === 'Topology').length > 0;
const topologyItemMsg = thereIsTopologyWidget? 'Currently only one is supported' : '';
@@ -70,13 +76,13 @@ class WidgetToolbox extends React.Component {
Increase dashboard height } >
-
Decrease dashboard height } >
- this.props.onDashboardSizeChange(-1)} >
-
+ this.props.onDashboardSizeChange(-1)} >
+