Skip to content
This repository
Browse code

Slider: Avoid regression by setting all margins of the slider handle.…

… Fixes #4720 - Layout problem with toggle switch.
  • Loading branch information...
commit 811393e3639bac8fd6547916ba3ca33248f767cb 1 parent 143557a
Jasper de Groot authored July 23, 2012
4  css/structure/jquery.mobile.forms.slider.css
@@ -10,7 +10,7 @@ select.ui-slider-switch { display: none; }
10 10
 div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 65%; }
11 11
 div.ui-slider-mini { height: 12px; margin-left: 10px; top: 2px; }
12 12
 div.ui-slider-bg { border: none; height: 100%; padding-right: 8px; }
13  
-.ui-controlgroup a.ui-slider-handle, a.ui-slider-handle { position: absolute; z-index: 1; top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; outline: 0; }
  13
+.ui-controlgroup a.ui-slider-handle, a.ui-slider-handle { position: absolute; z-index: 1; top: 50%; width: 28px; height: 28px; margin: -15px 0 0 -15px; outline: 0; }
14 14
 a.ui-slider-handle .ui-btn-inner { padding: 0; height: 100%; }
15 15
 div.ui-slider-mini a.ui-slider-handle { height: 14px; width: 14px; margin: -8px 0 0 -7px; }
16 16
 div.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: -9px 0 0 -9px; border-top: none; }
@@ -23,7 +23,7 @@ div.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px;
23 23
 
24 24
 div.ui-slider-switch { height: 32px; margin-left: 0; width: 5.8em; }
25 25
 a.ui-slider-handle-snapping { -webkit-transition: left 70ms linear; -moz-transition: left 70ms linear; }
26  
-div.ui-slider-switch .ui-slider-handle { margin-top: 1px; }
  26
+div.ui-slider-switch .ui-slider-handle { margin: 1px 0 0 -15px; }
27 27
 .ui-slider-inneroffset { margin: 0 16px; position: relative; z-index: 1; }
28 28
 
29 29
 div.ui-slider-switch.ui-slider-mini { width: 5em; height: 29px; }

0 notes on commit 811393e

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