diff options
| author | Fabio Berger <me@fabioberger.com> | 2018-03-07 17:50:51 +0800 |
|---|---|---|
| committer | Fabio Berger <me@fabioberger.com> | 2018-03-07 17:50:51 +0800 |
| commit | f191ba6e6990fec3f973ee78f75547e5a828785a (patch) | |
| tree | f786f9eddd06022a415e55c23d2617944dca4179 /packages/react-shared/src/ts | |
| parent | a2b89411b05fa6f2e721a49b7f90f46fad12d20b (diff) | |
| download | dexon-sol-tools-f191ba6e6990fec3f973ee78f75547e5a828785a.tar dexon-sol-tools-f191ba6e6990fec3f973ee78f75547e5a828785a.tar.gz dexon-sol-tools-f191ba6e6990fec3f973ee78f75547e5a828785a.tar.bz2 dexon-sol-tools-f191ba6e6990fec3f973ee78f75547e5a828785a.tar.lz dexon-sol-tools-f191ba6e6990fec3f973ee78f75547e5a828785a.tar.xz dexon-sol-tools-f191ba6e6990fec3f973ee78f75547e5a828785a.tar.zst dexon-sol-tools-f191ba6e6990fec3f973ee78f75547e5a828785a.zip | |
hide sidebar scrollbar unless onHover
Diffstat (limited to 'packages/react-shared/src/ts')
| -rw-r--r-- | packages/react-shared/src/ts/components/nested_sidebar_menu.tsx | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/packages/react-shared/src/ts/components/nested_sidebar_menu.tsx b/packages/react-shared/src/ts/components/nested_sidebar_menu.tsx index f907022d6..6a3cf2615 100644 --- a/packages/react-shared/src/ts/components/nested_sidebar_menu.tsx +++ b/packages/react-shared/src/ts/components/nested_sidebar_menu.tsx @@ -59,12 +59,18 @@ export class NestedSidebarMenu extends React.Component<NestedSidebarMenuProps, N return <div key={`section-${sectionName}`}>{this._renderMenuItems(menuItems)}</div>; } }); + const maxWidthWithScrollbar = 307; return ( <div> {this.props.sidebarHeader} {!_.isUndefined(this.props.versions) && !_.isUndefined(this.props.selectedVersion) && ( - <VersionDropDown selectedVersion={this.props.selectedVersion} versions={this.props.versions} /> + <div style={{ maxWidth: maxWidthWithScrollbar }}> + <VersionDropDown + selectedVersion={this.props.selectedVersion} + versions={this.props.versions} + /> + </div> )} <div className="pl1">{navigation}</div> </div> |