Skip to content

Instantly share code, notes, and snippets.

@bitflower
Created October 11, 2015 18:51
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bitflower/74f8a1153404c12b8613 to your computer and use it in GitHub Desktop.
Save bitflower/74f8a1153404c12b8613 to your computer and use it in GitHub Desktop.
ionRadio fix for iOS 9 bugs (SASS version)
/**
* This CSS uses adjacent selectors instead of general sibling (~) selectors
* for ion radio that are broken in iOS 9 UIWebView.
*
* To apply the patch, include this CSS after your ionic.css include.
*
* SASS version of Max Lynch's CSS snippet:
* https://gist.github.com/mlynch/064d27912b511a63caa3
*/
.item-radio {
input {
&:checked {
&+ .radio-content {
.item-content {
/* style the item content when its checked */
background: #f7f7f7;
}
.radio-icon {
/* show the checkmark icon when its checked */
visibility: visible;
}
}
}
}
.radio-icon {
/* Icon style for non-checked item */
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment