react-datetime-picker icon indicating copy to clipboard operation
react-datetime-picker copied to clipboard

Collision with bottom --above-label css needs to be added

Open ascendtradingdevelopment opened this issue 7 years ago • 1 comments
trafficstars

When the datetime picker collides with the bottom of the screen it adding the --above-label tag to the classname, however there is no css in the DateTimePicker.less file to support rendering the picker above the label.

Solution is to add the following to DateTimePicker.less:

&--above-label { bottom: 100%; top: auto; }

I think there was some misunderstanding because of my poor naming :) Picker itself is a "label" for the calendar. --above-label signalizes that the calendar collided with the bottom of the screen and decided to open above the input.

wojtekmaj avatar Apr 06 '18 14:04 wojtekmaj

This issue is stale because it has been open 90 days with no activity. Remove stale label or comment or this issue will be closed in 14 days.

github-actions[bot] avatar Feb 13 '23 01:02 github-actions[bot]

This issue was closed because it has been stalled for 14 days with no activity.

github-actions[bot] avatar Feb 27 '23 01:02 github-actions[bot]