Make class invite button text shorter

This fixes horizontal scrolling on mobile
This commit is contained in:
Tanner Collin 2022-07-11 07:33:52 +00:00
parent c6d065b607
commit d77cde5042

View File

@ -464,9 +464,9 @@ export function ICalButtons(props) {
}; };
const options = [ const options = [
{ key: 'email', icon: 'mail outline', text: 'Email ICS Event', value: 'email', action: handleEmail }, { key: 'email', icon: 'mail outline', text: 'Email ICS Event', value: 'Email', action: handleEmail },
{ key: 'download', icon: 'download', text: 'Download ICS Event', value: 'download', action: handleDownload }, { key: 'download', icon: 'download', text: 'Download ICS Event', value: 'Download', action: handleDownload },
{ key: 'google', icon: 'google', text: 'Add to Google Calendar', value: 'google', action: addToGoogleCalendar }, { key: 'google', icon: 'google', text: 'Add to Google Calendar', value: 'Google', action: addToGoogleCalendar },
]; ];
// get default option from local storage or default to first item in options list // get default option from local storage or default to first item in options list
@ -497,7 +497,7 @@ export function ICalButtons(props) {
loading={loading} loading={loading}
onClick={selectedOption.action} onClick={selectedOption.action}
> >
<Icon name={selectedOption.icon} />{selectedOption.text} <Icon name={selectedOption.icon} />{selectedOption.value}
</Button> </Button>
<Dropdown <Dropdown
className='button icon' className='button icon'