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

Feature request: Add a mobile-friendly landscape view

Open moshner opened this issue 8 years ago • 3 comments

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

moshner avatar Aug 09 '16 16:08 moshner

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

Jivings avatar Aug 15 '16 08:08 Jivings

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.

josdejong avatar Mar 05 '17 13:03 josdejong

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;
  }
}

El-Mahbub avatar Sep 01 '17 04:09 El-Mahbub