remotelock / react-week-scheduler

A time grid component for React with scheduling capabilities.
https://remotelock.github.io/react-week-scheduler
MIT License
139 stars 58 forks source link

The range box in the first column gets clipped on the left side #34

Open tanay-msp opened 3 years ago

tanay-msp commented 3 years ago

https://codesandbox.io/s/mmj3xzk4x?fontsize=14&file=/src/styles.css

As it is also visible in this example, the start time of the first day gets clipped (it shows "2:00pm" instead of "12:00pm". Is there a way I can modify the css in my code to fix this?

`<div className="root" style={{ width: "80vw", height: "400px", "--cell-height": "20px", "--cell-width": "50px", }}

`

Is there another css attribute I can add here to make the margin-left: 20px for the range box (that appears in blue)?