search

aavanzyl / ngx-tiny

Implementation of Light Weight Angular Components for Production Applications
https://aavanzyl.github.io/ngx-tiny
MIT License
7 stars 3 forks source link

option to scale UI size #5

Closed jonathan-chin closed 3 years ago

jonathan-chin commented 4 years ago

I'm using this in a hybrid app that's available on smartphones and on the web. I think the UI could work well on smartphones if the buttons were larger. I've hacked it this way:

// date-picker.scss
.ngx-date-picker-calendar-container{                                                                                                                                                                               
    width: 450px !important;                                                                                                                                                                                       
    max-width: 100vw;                                                                                                                                                                                              

    .day-unit,                                                                                                                                                                                                     
    .month-unit,                                                                                                                                                                                                   
    .year-unit{                                                                                                                                                                                                    
        font-size: 1rem;                                                                                                                                                                                           
        height: 3rem;                                                                                                                                                                                              
    }                                                                                                                                                                                                              
}

I haven't done extensive testing on the time picker but I imagine I would write similar rules.

would it be possible to expose a sass variable that increases the scale of buttons?

aavanzyl commented 4 years ago

@jonathan-chin Sounds like a good idea, let me test this out a bit and I will add this as a feature for you.

aavanzyl commented 3 years ago

@jonathan-chin I have update the dialog to be more compatible with a mobile device. Version 10.2