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

Feature request: Add a mobile-friendly landscape view #85

Open
moshner opened this issue Aug 9, 2016 · 3 comments
Open

Feature request: Add a mobile-friendly landscape view #85

moshner opened this issue Aug 9, 2016 · 3 comments

Comments

@moshner
Copy link

moshner commented Aug 9, 2016

This is a very pretty date picker but when I open it on a phone in landscape view it becomes unusable. The buttons fall off the bottom and can't be seen.
graphic_8_9_2016 11_01_12 am

@Jivings
Copy link
Contributor

Jivings commented Aug 15, 2016

Yep, I should create a landscape version. It needs some thinking about but probably something like the one on the guidelines page here.

@joews joews changed the title Landscape view is unusable Add a mobile-friendly landscape view Jan 17, 2017
@joews joews changed the title Add a mobile-friendly landscape view Feature request: Add a mobile-friendly landscape view Jan 17, 2017
@josdejong
Copy link

Would love to see a mobile friendly version of material-datetime-picker too.

Maybe a first simple step would be to make the date picker vertically scrollable when it doesn't fit, that would at least make it usable on mobile screens.

@El-Mahbub
Copy link

El-Mahbub commented Sep 1, 2017

I have a same issue but i added scrollable and media screen, maybe this can solve this issue :

@media (max-height: 512px){
  .c-datepicker{
    max-height: 400px;
    max-width: 300px;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
@media (max-height: 320px){
  .c-datepicker{
    max-height: 320px;
    max-width: 240px;
    overflow-y: auto;
    overflow-x: hidden;
  }
}

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

No branches or pull requests

4 participants