search

ng-bootstrap / ng-bootstrap

Angular powered Bootstrap
https://ng-bootstrap.github.io
MIT License
8.22k stars 1.55k forks source link

Datepicker not shrinking properly on smaller screens #3121

Open RinMinase opened 5 years ago

RinMinase commented 5 years ago

Bug description:

The page does not shrink correctly on smaller screens whenever using a datepicker.

Link to minimally-working project that reproduces the issue:

https://ng-bootstrap.github.io/#/components/datepicker/overview

Then set the page to be viewed on smaller screens.

A screenshot of the page in mobile view

PS: Although the tabs here are not working correctly, I am only focusing on the datepicker for this issue.

Versions of Angular, ng-bootstrap and Bootstrap:

Angular: 7.2.11 ng-bootstrap: 4.1.0 Bootstrap: 4.3.1

These are all of the latest versions upon writing this issue

maxokorokov commented 5 years ago

Hey @RinMinase, what would you expect to happen on smaller screens?

I'd say it's up to you to switch from 2-month to 1-month view if 2 month don't fit in your screen. If you need to change cell sizes, you have the full control over the CSS.

aleesaan commented 2 years ago

I think something like ngx-bootstrap does would be ideal: image

But I'm not sure how complicated it would be to implement this here.