boopage
February 26, 2015, 3:35am
1
After I download the nightly build from http://code.ionicframework.com/#nightly , and copy pasted the files into my lib/ionic folder, it works fine on my Chrome browser, but after deploy Android to my phone, the action sheets css is missing.
Any idea?
Yes you’re in right!!!
i made this fix:
@import “…/…/lib/ionic/scss/action-sheet”;
.platform-android {
.action-sheet {
.button {
color: $sheet-options-text-color;
padding-left:12px;
&:hover {
color: $sheet-options-text-color;
}
&.destructive {
color: #ff3b30 ;
&:hover {
color: #ff3b30 ;
}
}
}
}
}
but the problem is a color:innerhit here: (line 137 of _action-sheet.scss) @mhartington fix that!
Also miss the padding!
.platform-android {
.action-sheet-backdrop.active {
background-color: rgba(0,0,0,0.2);
}
.action-sheet {
margin: 0;
.action-sheet-title,
.button {
text-align: left;
border-color: transparent;
font-size: 16px;
color: inherit;
}
.action-sheet-title {
font-size: 14px;
padding: 16px;
color: #666;
}
.button.active,
.button.activated {
background: #e8e8e8;
}
}
}