Commit 5cae592d authored by Robert Knight's avatar Robert Knight

Set a custom min-width for the groups menu

Group names are user supplied and can be up to 25 chars, so allow more
space for this.
parent f51ec9ce
...@@ -80,7 +80,12 @@ function GroupList({ serviceUrl, settings }) { ...@@ -80,7 +80,12 @@ function GroupList({ serviceUrl, settings }) {
} }
return ( return (
<Menu align="left" label={label} title="Select group"> <Menu
align="left"
contentClass="group-list-v2__content"
label={label}
title="Select group"
>
{currentGroupsSorted.length > 0 && ( {currentGroupsSorted.length > 0 && (
<GroupListSection <GroupListSection
heading="Currently Viewing" heading="Currently Viewing"
......
.group-list-v2__content {
min-width: 250px;
}
...@@ -24,6 +24,7 @@ $base-line-height: 20px; ...@@ -24,6 +24,7 @@ $base-line-height: 20px;
@import './components/dropdown-menu-btn'; @import './components/dropdown-menu-btn';
@import './components/excerpt'; @import './components/excerpt';
@import './components/group-list'; @import './components/group-list';
@import './components/group-list-v2';
@import './components/group-list-item'; @import './components/group-list-item';
@import './components/group-list-item-out-of-scope'; @import './components/group-list-item-out-of-scope';
@import './components/help-panel'; @import './components/help-panel';
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment