Skip to content
This repository
Browse code

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
Jasper de Groot authored August 02, 2012
3  css/structure/jquery.mobile.forms.slider.css
@@ -4,8 +4,9 @@ input.ui-slider-input,
4 4
 input.ui-slider-input.ui-mini,
5 5
 .ui-field-contain input.ui-slider-input.ui-mini { width: 45px; margin: .25em 0; font-size: 14px; }
6 6
 .ui-field-contain input.ui-slider-input { margin: 0; }
7  
-/* 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. */
8 7
 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; }
  8
+/* Fixes input fields being to small on Safari/Mac because of the up and down arrows. */
  9
+.ui-slider-input::-webkit-outer-spin-button { margin: 0; }
9 10
 select.ui-slider-switch { display: none; }
10 11
 div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 65%; }
11 12
 div.ui-slider-mini { height: 12px; margin-left: 10px; top: 2px; }

0 notes on commit 8aae702

Please sign in to comment.
Something went wrong with that request. Please try again.