Mirrors/VILLASweb
1
0
Fork 0
mirror of https://git.rwth-aachen.de/acs/public/villas/web/ synced 2025-03-09 00:00:01 +01:00
Code Issues Releases Wiki Activity

widgets: make buttons fill the full widget dimensions

Browse source
This commit is contained in:
Steffen Vogel 2018-11-23 21:30:54 +02:00
parent 6e6c5b89a3
commit eb2cc000c0
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/widgets/button.js
View file

@ -58,7 +58,7 @@ class WidgetButton extends Component {
render() {
return (
<div className="button-widget full">
<Button active={ this.state.pressed } disabled={ this.props.editing } onMouseDown={ (e) => this.onPress(e) } onMouseUp={ (e) => this.onRelease(e) }>{this.props.widget.name}</Button>
<Button className="full" active={ this.state.pressed } disabled={ this.props.editing } onMouseDown={ (e) => this.onPress(e) } onMouseUp={ (e) => this.onRelease(e) }>{this.props.widget.name}</Button>
</div>
);
}

8
src/components/widgets/custom-action.js
View file

@ -60,9 +60,11 @@ class WidgetCustomAction extends Component {
}
render() {
const btnStyle = { width: '100%', height: '100%' };
return <Button disabled={this.state.simulator === null} style={btnStyle} onClick={(e) => this.onClick()}><Icon icon={this.props.widget.icon} /> <span dangerouslySetInnerHTML={{ __html: this.props.widget.name }} /></Button>;
return <div className="widget-custom-action full">
<Button className="full" disabled={this.state.simulator === null} onClick={(e) => this.onClick()}>
<Icon icon={this.props.widget.icon} /> <span dangerouslySetInnerHTML={{ __html: this.props.widget.name }} />
</Button>
</div>;
}
}