Skip to content

Commit

Permalink
Reduced the width of the slider at narrow (smartphone) sizes to avoid…
Browse files Browse the repository at this point in the history
… wrapping

On inset lists with embedded forms, the slider was wrapping under the
input.
  • Loading branch information
toddparker committed Oct 16, 2011
1 parent 4f2f500 commit dc19bbf
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion themes/default/jquery.mobile.forms.slider.css
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ label.ui-slider { font-size: 16px; line-height: 1.4; font-weight: normal; margi
input.ui-slider-input,
.ui-field-contain input.ui-slider-input { display: inline-block; width: 50px; }
select.ui-slider-switch { display: none; }
div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 70%; }
div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 66%; }
div.ui-slider-switch { width: 99.8%; }
a.ui-slider-handle { position: absolute; z-index: 10; top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; }
a.ui-slider-handle .ui-btn-inner { padding-left: 0; padding-right: 0; }
Expand Down

0 comments on commit dc19bbf

Please sign in to comment.