No Rounded Corners on Android


#1

Hello,

I’m new to Ionic. I’m trying to create page with toggles component. When I run it on android phone, toggles have no rounded corners. but when using a browser on a PC or on the emulator, there are rounded corners. I’m using this example http://codepen.io/ionic/pen/tfAzj

I’m using Android 4.2.1 and latest ionic-cordova seed

is it a bug or am I missing something?

Thanks!


#2

Lots of issues there with rounded edges on the screen. What version of Ionic are you using? Have you tried 0.9.27? I’m not sure when you download the seed; so, I don’t know which version you are on.

I don’t have an Android device; so, I can’t test. Is there any chance you can download the Ionic CSS, Fonts, and JS for 0.9.26 and 0.9.25 to see if they work differently? It’d be nice to know if there was a regression.


#3

hi @Calendee ,
I use 0.9.27 and still no rounded corner :frowning:

btw, i did some change in ionic.css and voila, rounded edges :smiley:

i added "background-clip: padding-box;"
it works on my Android 4.2.1 with Cordova.

I don’t have iphone, so i don’t know if it breaks in iphone

*sorry for my english :slight_smile:

Here’s the screenshot


#4

Nice job with solving that. I’ve opened an issue so the devs can solve that problem in the core code.

Issue # 823 : https://github.com/driftyco/ionic/issues/823


#5

FYI : Adam is still working on this


#6

Thanks for the update @Calendee