Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ability to avoid adjacent events overlapping in day view #814

Closed
alliuca opened this issue Apr 20, 2018 · 2 comments
Closed

Ability to avoid adjacent events overlapping in day view #814

alliuca opened this issue Apr 20, 2018 · 2 comments

Comments

@alliuca
Copy link

@alliuca alliuca commented Apr 20, 2018

Hi, is there any way to have the events in the same row not to overlap but display next to each other in a flexbox fashion? It seems like the final width/left values always account for that.

Here's my sandbox: https://codesandbox.io/s/wq117r3yr8. I'd like those three events to be 33.33% wide in relation to the row's width, so that they appear next to each other.

react-big-calendar v0.19.0

@alliuca

This comment has been minimized.

Copy link
Author

@alliuca alliuca commented Apr 20, 2018

think I achieved that using css grid
https://codesandbox.io/s/zqk8vmqn3m

still wonder if something can be done within react-big-calendar

@jquense

This comment has been minimized.

Copy link
Owner

@jquense jquense commented Apr 20, 2018

There isn't a way to adjust how RBC does layout at the moment, tho we've talked about making it pluggable. RBC picked a layout strategy that we think is useful and appropriate for a wide variety of cases, like having lots of events in a day, and we're happy with the results generally.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
2 participants
You can’t perform that action at this time.