diff options
Diffstat (limited to 'src/features/workspaces/components/WorkspaceDrawer.js')
-rw-r--r-- | src/features/workspaces/components/WorkspaceDrawer.js | 9 |
1 files changed, 6 insertions, 3 deletions
diff --git a/src/features/workspaces/components/WorkspaceDrawer.js b/src/features/workspaces/components/WorkspaceDrawer.js index ee6f8416c..07100f5a1 100644 --- a/src/features/workspaces/components/WorkspaceDrawer.js +++ b/src/features/workspaces/components/WorkspaceDrawer.js | |||
@@ -7,7 +7,7 @@ import { H1, Icon, ProBadge } from '@meetfranz/ui'; | |||
7 | import { Button } from '@meetfranz/forms/lib'; | 7 | import { Button } from '@meetfranz/forms/lib'; |
8 | import ReactTooltip from 'react-tooltip'; | 8 | import ReactTooltip from 'react-tooltip'; |
9 | 9 | ||
10 | import { mdiPlusBox, mdiSettings } from '@mdi/js'; | 10 | import { mdiPlusBox, mdiSettings, mdiStar } from '@mdi/js'; |
11 | import WorkspaceDrawerItem from './WorkspaceDrawerItem'; | 11 | import WorkspaceDrawerItem from './WorkspaceDrawerItem'; |
12 | import { workspaceActions } from '../actions'; | 12 | import { workspaceActions } from '../actions'; |
13 | import { GA_CATEGORY_WORKSPACES, workspaceStore } from '../index'; | 13 | import { GA_CATEGORY_WORKSPACES, workspaceStore } from '../index'; |
@@ -52,6 +52,8 @@ const styles = theme => ({ | |||
52 | drawer: { | 52 | drawer: { |
53 | background: theme.workspaces.drawer.background, | 53 | background: theme.workspaces.drawer.background, |
54 | width: `${theme.workspaces.drawer.width}px`, | 54 | width: `${theme.workspaces.drawer.width}px`, |
55 | display: 'flex', | ||
56 | flexDirection: 'column', | ||
55 | }, | 57 | }, |
56 | headline: { | 58 | headline: { |
57 | fontSize: '24px', | 59 | fontSize: '24px', |
@@ -75,6 +77,7 @@ const styles = theme => ({ | |||
75 | }, | 77 | }, |
76 | workspaces: { | 78 | workspaces: { |
77 | height: 'auto', | 79 | height: 'auto', |
80 | overflowY: 'scroll', | ||
78 | }, | 81 | }, |
79 | premiumAnnouncement: { | 82 | premiumAnnouncement: { |
80 | padding: '20px', | 83 | padding: '20px', |
@@ -89,7 +92,7 @@ const styles = theme => ({ | |||
89 | addNewWorkspaceLabel: { | 92 | addNewWorkspaceLabel: { |
90 | height: 'auto', | 93 | height: 'auto', |
91 | color: theme.workspaces.drawer.buttons.color, | 94 | color: theme.workspaces.drawer.buttons.color, |
92 | marginTop: 40, | 95 | margin: [40, 0], |
93 | textAlign: 'center', | 96 | textAlign: 'center', |
94 | '& > svg': { | 97 | '& > svg': { |
95 | fill: theme.workspaces.drawer.buttons.color, | 98 | fill: theme.workspaces.drawer.buttons.color, |
@@ -174,7 +177,7 @@ class WorkspaceDrawer extends Component { | |||
174 | className={classes.premiumCtaButton} | 177 | className={classes.premiumCtaButton} |
175 | buttonType="primary" | 178 | buttonType="primary" |
176 | label={intl.formatMessage(messages.reactivatePremiumAccount)} | 179 | label={intl.formatMessage(messages.reactivatePremiumAccount)} |
177 | icon="mdiStar" | 180 | icon={mdiStar} |
178 | onClick={() => { | 181 | onClick={() => { |
179 | onUpgradeAccountClick(); | 182 | onUpgradeAccountClick(); |
180 | gaEvent('User', 'upgrade', 'workspaceDrawer'); | 183 | gaEvent('User', 'upgrade', 'workspaceDrawer'); |