huge changes
diff --git a/Components/Panels.js b/Components/Panels.js
index e2e89d9..1ee500f 100644
--- a/Components/Panels.js
+++ b/Components/Panels.js
@@ -16,7 +16,7 @@
}
render() {
- return <div className={Styles.panel} style={this.getStyle()} id={this.props.id}>
+ return <div className={Styles.panel} style={this.getStyle()} id={this.props.id} tabIndex={0}>
{
react.Children.toArray(this.props.children).map((child, index) => {
return child;
@@ -95,9 +95,15 @@
}
class Divider extends Component {
+ constructor(props) {
+ super(props);
+ }
+
render() {
- // return <div className={Styles.divider} style={{ backgroundColor: this.props.bound == this.props.name ? "red" : "var(--theme-ui-colors-hint)"}}></div>
- return <div className={Styles.divider} style={{ backgroundColor: "var(--theme-ui-colors-hint)"}}></div>
+ let highlighted = this.props.toHighlight === this.props.name;
+ return <div className={Styles.divider} style={{
+ backgroundColor: (highlighted && this.props.highlightColour) ? ("#" + this.props.highlightColour) : "var(--theme-ui-colors-hint)"
+ }}>{this.props.forceHighlight}</div>
}
}