Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Adjusted fieldcontain media query to be 450px for sliders for consist…
…ency, made flip switches a bit wider

MQ breakpoint was 320px which was causing labels to float left at narrow
widths so changed to 450px to match other elements.
  • Loading branch information
toddparker committed Apr 2, 2012
1 parent e611dc5 commit 6311b3b
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions css/structure/jquery.mobile.forms.slider.css
Expand Up @@ -10,18 +10,18 @@ a.ui-slider-handle .ui-btn-inner { padding: 0; height: 100%; }
div.ui-slider-mini a.ui-slider-handle { height: 14px; width: 14px; margin: -8px 0 0 -7px; }
div.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: -9px 0 0 -9px; }

@media all and (min-width: 320px){
@media all and (min-width: 450px){
.ui-field-contain label.ui-slider { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
.ui-field-contain div.ui-slider { width: 43%; }
.ui-field-contain div.ui-slider-switch { width: 5.5em; }
}

div.ui-slider-switch { height: 32px; margin-left: 0; width: 5em; }
div.ui-slider-switch { height: 32px; margin-left: 0; width: 5.8em; }
a.ui-slider-handle-snapping { -webkit-transition: left 70ms linear; -moz-transition: left 70ms linear; }
div.ui-slider-switch .ui-slider-handle { margin-top: 1px; }
.ui-slider-inneroffset { margin: 0 16px; position: relative; z-index: 1; }

div.ui-slider-switch.ui-slider-mini { width: 4.5em; height: 29px; }
div.ui-slider-switch.ui-slider-mini { width: 5em; height: 29px; }
div.ui-slider-switch.ui-slider-mini .ui-slider-inneroffset { margin: 0 15px 0 14px; }
div.ui-slider-switch.ui-slider-mini .ui-slider-handle { width: 25px; height: 25px; margin: 1px 0 0 -13px; }
div.ui-slider-switch.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: 0; }
Expand Down

0 comments on commit 6311b3b

Please sign in to comment.