Permalink
Browse files

Flipswitch: Override rules for fieldcontainers inside popups

Fixes gh-7174
  • Loading branch information...
jaspermdegroot committed Feb 27, 2014
1 parent b0fcf39 commit 4d677f3ac1d23d7a73d8cb147e9dd7f078de2dc6
Showing with 14 additions and 13 deletions.
  1. +14 −13 css/structure/jquery.mobile.forms.flipswitch.css
@@ -65,16 +65,17 @@
padding: 1px;
text-indent: 1em; /* Override this to center text if you use a label other than "off" */
}
-@media (min-width: 28em) {
- .ui-field-contain > label + .ui-flipswitch {
- display: inline-block;
- width: 5.875em; /* If you override the width for .ui-flipswitch you should repeat the same value here */
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- -ms-box-sizing: content-box;
- box-sizing: content-box;
- }
- .ui-field-contain .ui-flipswitch.ui-flipswitch-active {
- width: 1.875em;
- }
-}
+/* Override field container CSS to prevent the flipswitch from becomming full width */
+html .ui-field-contain > label + .ui-flipswitch,
+html .ui-popup .ui-field-contain > label + .ui-flipswitch {
+ display: inline-block;
+ width: 5.875em; /* If you override the width for .ui-flipswitch you should repeat the same value here */
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ -ms-box-sizing: content-box;
+ box-sizing: content-box;
+}
+.ui-field-contain .ui-flipswitch.ui-flipswitch-active,
+.ui-popup .ui-field-contain .ui-flipswitch.ui-flipswitch-active {
+ width: 1.875em;
+}

0 comments on commit 4d677f3

Please sign in to comment.