aboutsummaryrefslogtreecommitdiffstats
path: root/packages/react-shared/src
diff options
context:
space:
mode:
authorFabio Berger <me@fabioberger.com>2018-03-07 17:50:51 +0800
committerFabio Berger <me@fabioberger.com>2018-03-07 17:50:51 +0800
commitf191ba6e6990fec3f973ee78f75547e5a828785a (patch)
treef786f9eddd06022a415e55c23d2617944dca4179 /packages/react-shared/src
parenta2b89411b05fa6f2e721a49b7f90f46fad12d20b (diff)
downloaddexon-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')
-rw-r--r--packages/react-shared/src/ts/components/nested_sidebar_menu.tsx8
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>