infra
/
etesync
2
0
Fork 0
Code Issues Pull Requests Packages Activity

Fix the calendar widget on mobile.

master
Tom Hacohen 2017-12-18 10:39:08 +00:00
parent 0eaaf671e8
commit ab3ebbff05
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Calendar.css Normal file
View File

@ -0,0 +1,9 @@
/* Hack the layout on mobile. */
@media (max-width: 767px) {
.rbc-toolbar {
flex-direction: column;
}
.rbc-toolbar-label {
margin: 10px 0;
}
}

4
src/components/Calendar.tsx
View File

@ -6,6 +6,8 @@ import 'moment/locale/en-gb';
import { EventType } from '../pim-types';
import './Calendar.css';
moment.locale('en-gb');
BigCalendar.momentLocalizer(moment);
@ -45,7 +47,7 @@ class Calendar extends React.PureComponent {
render() {
return (
<div style={{width: '100%', height: 500, padding: 10}}>
<div style={{width: '100%', height: 500}}>
<BigCalendar
events={this.props.entries}
onSelectEvent={this.props.onItemClick as any}