Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Slider: partly fixes an issue on Safari/Mac where the input width is …

…decreased when the browser implements the spinner.
  • Loading branch information...
commit 8aae7020502e8ac4154f6604873bf03df85fe90d 1 parent 9403cf0
@jaspermdegroot jaspermdegroot authored
Showing with 2 additions and 1 deletion.
  1. +2 −1  css/structure/jquery.mobile.forms.slider.css
View
3  css/structure/jquery.mobile.forms.slider.css
@@ -4,8 +4,9 @@ input.ui-slider-input,
input.ui-slider-input.ui-mini,
.ui-field-contain input.ui-slider-input.ui-mini { width: 45px; margin: .25em 0; font-size: 14px; }
.ui-field-contain input.ui-slider-input { margin: 0; }
-/* To do: Exclude ui-slider-input from textinput widget initSelector. The class ui-input-text is added to the slider input and label. When this is fixed, the rule below can be deleted. */
input.ui-slider-input, .ui-field-contain input.ui-slider-input { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; }
+/* Fixes input fields being to small on Safari/Mac because of the up and down arrows. */
+.ui-slider-input::-webkit-outer-spin-button { margin: 0; }
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: 65%; }
div.ui-slider-mini { height: 12px; margin-left: 10px; top: 2px; }
Please sign in to comment.
Something went wrong with that request. Please try again.