Skip to content
This repository
Browse code

Slider: increase level of specificity to avoid conflicts when used in…

… grid. Fixes #4944.
  • Loading branch information...
commit 1b218319415b88c10a195c555646c124bfb7277a 1 parent 7ea42af
Jasper de Groot authored September 10, 2012
4  css/structure/jquery.mobile.forms.slider.css
@@ -11,8 +11,8 @@ select.ui-slider-switch { display: none; }
11 11
 div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 65%; }
12 12
 div.ui-slider-mini { height: 12px; margin-left: 10px; top: 2px; }
13 13
 div.ui-slider-bg { border: none; height: 100%; padding-right: 8px; }
14  
-.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; }
15  
-a.ui-slider-handle .ui-btn-inner { padding: 0; height: 100%; }
  14
+.ui-controlgroup a.ui-slider-handle, a.ui-btn.ui-slider-handle { position: absolute; z-index: 1; top: 50%; width: 28px; height: 28px; margin: -15px 0 0 -15px; outline: 0; }
  15
+a.ui-btn.ui-slider-handle .ui-btn-inner { padding: 0; height: 100%; }
16 16
 div.ui-slider-mini a.ui-slider-handle { height: 14px; width: 14px; margin: -8px 0 0 -7px; }
17 17
 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; }
18 18
 

0 notes on commit 1b21831

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