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

Inconsistency in border radius rendering for Android ICS (Light) theme in modal mode for date/datetime pickers #195

Closed
ikarami opened this issue Jan 17, 2014 · 0 comments
Milestone

Comments

@ikarami
Copy link

ikarami commented Jan 17, 2014

I experienced this issue on a windows 7 based desktop with Chrome (31.0.1650.63 m) as well as in a default "Browser" on Samsung Galaxy S4 (4.2.2) and LG Nexus 4 (4.3). I was working with date/date-time pickers opened in a modal mode and themed with Android ICS Light. However, most probably it exists on a regular ICS and other pickers as well.

In Chrome the pressed state doesn't have rounded corners:
mobiscroll_missing_border_radius

In Nexus 4 behavior is the same as above:
mobiscroll_missing_border_radius_nexus

While on S4 corners are not rounded at all:
device-2014-01-17-145950

In order to fix this I have overridden the following mobiscroll styles (using LESS syntax):

.android-ics .dwbc span {
    &:first-of-type a {
        border-bottom-left-radius: 3px;
    }
    &:last-of-type a {
        border-bottom-right-radius: 3px;
    }
}

Although it's not a critical issue, it would be nice to have it fixed :)

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

No branches or pull requests

2 participants