allow border tabsets to have customizable 'right' buttons (controls)

walisc · Aug 29, 2017 · b459cfd · b459cfd
1 parent 1660580
commit b459cfd
Show file tree

Hide file tree

Showing 3 changed files with 66 additions and 0 deletions.
diff --git a/src/view/BorderTabSet.js b/src/view/BorderTabSet.js
@@ -43,12 +43,30 @@ class BorderTabSet extends React.Component {
  }
  }
 
+ // allow customization of tabset right/bottom buttons
+ let buttons = [];
+ let renderState = {buttons: buttons};
+ this.props.layout.customizeTabSet(this.props.node, renderState);
+ buttons = renderState.buttons;
+
+ //buttons.push(<button
+ // key="max"
+ // className={"flexlayout__tab_toolbar_button-min"}></button>);
+
+ toolbar = <div
+ key="toolbar"
+ ref="toolbar"
+ className={"flexlayout__border_toolbar_" + border.getLocation().getName()}>
+ {buttons}
+ </div>;
+
  return <div
  style={style}
  className={"flexlayout__border_" + border.getLocation().getName()}>
  <div className={"flexlayout__border_inner_" + border.getLocation().getName()}>
  {tabs}
  </div>
+ {toolbar}
  </div>;
  }
 }

diff --git a/style/dark.css b/style/dark.css
@@ -327,3 +327,28 @@
 .flexlayout__border_button--selected .flexlayout__border_button_trailing{
  background: transparent url("../images/close_white.png") no-repeat center;
 }
+
+
+.flexlayout__border_toolbar_left {
+ position:absolute;
+ bottom:0;
+ right:0;
+}
+
+.flexlayout__border_toolbar_right {
+ position:absolute;
+ bottom:0;
+ right:0;
+}
+
+.flexlayout__border_toolbar_top {
+ position:absolute;
+ top:0;
+ right:0;
+}
+
+.flexlayout__border_toolbar_bottom {
+ position:absolute;
+ top:0;
+ right:0;
+}
diff --git a/style/light.css b/style/light.css
@@ -324,5 +324,28 @@
  background: transparent url("../images/close.png") no-repeat center;
 }
 
+.flexlayout__border_toolbar_left {
+ position:absolute;
+ bottom:0;
+ right:0;
+}
+
+.flexlayout__border_toolbar_right {
+ position:absolute;
+ bottom:0;
+ right:0;
+}
+
+.flexlayout__border_toolbar_top {
+ position:absolute;
+ top:0;
+ right:0;
+}
+
+.flexlayout__border_toolbar_bottom {
+ position:absolute;
+ top:0;
+ right:0;
+}