Quantcast
Channel: Ionic Forum - Latest posts
Viewing all articles
Browse latest Browse all 228595

Actionsheet's Android "ugly" styling.. need help

$
0
0

I copied the css also from this old forum post here. Then changed it as you said. So now it looks like:

.xplatform-android .action-sheet-backdrop.active {
background-color: rgba(0, 0, 0, 0.2); }
.xplatform-android .action-sheet {
margin: 0; }
.xplatform-android .action-sheet .action-sheet-title, .platform-android .action-sheet .button {
text-align: left;
border-color: transparent;
font-size: 16px;
color: inherit; }
.xplatform-android .action-sheet .action-sheet-title {
font-size: 14px;
padding: 16px;
color: #666; }
.xplatform-android .action-sheet .button.active, .platform-android .action-sheet .button.activated {
background: #e8e8e8; }
.xplatform-android .action-sheet-group {
margin: 0;
border-radius: 0;
background-color: #fafafa; }
.xplatform-android .action-sheet-cancel {
display: none; }
.xplatform-android .action-sheet-has-icons .button {
padding-left: 56px; }

but it still looks the same on android: Textcolor is black and only when I click the destructive option, it changes to red for a short time (and it still doesn't look so fancy as in ios)


Viewing all articles
Browse latest Browse all 228595

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>