vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed #298 - Slider handle moves on click

pull/345/head
cagataycivici 2020-05-27 15:46:32 +03:00
parent eb8a78b40d
commit 3489846376
25 changed files with 106 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/themes/luna-amber/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

6
public/themes/luna-green/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

6
public/themes/luna-pink/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

6
public/themes/nova-accent/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

6
public/themes/nova-alt/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

6
public/themes/nova-vue/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

6
public/themes/nova/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

6
public/themes/rhea/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.5715rem; margin-top: -0.7145rem;
margin-left: -0.7145rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.5715rem; margin-left: -0.7145rem;
margin-bottom: -0.7145rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.429rem; height: 1.429rem;

6
public/themes/saga-blue/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

6
public/themes/saga-cyan/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

6
public/themes/saga-deeppurple/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

6
public/themes/saga-green/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

6
public/themes/saga-indigo/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

6
public/themes/saga-orange/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

6
public/themes/saga-purple/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

6
public/themes/saga-teal/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

6
public/themes/vela-blue/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

6
public/themes/vela-cyan/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

6
public/themes/vela-deeppurple/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

6
public/themes/vela-green/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

6
public/themes/vela-indigo/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

6
public/themes/vela-orange/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

6
public/themes/vela-purple/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

6
public/themes/vela-teal/theme.css
View File

@ -983,13 +983,15 @@
height: 0.286rem; height: 0.286rem;
} }
.p-slider.p-slider-horizontal .p-slider-handle { .p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.4285rem; margin-top: -0.5715rem;
margin-left: -0.5715rem;
} }
.p-slider.p-slider-vertical { .p-slider.p-slider-vertical {
width: 0.286rem; width: 0.286rem;
} }
.p-slider.p-slider-vertical .p-slider-handle { .p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.4285rem; margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 1.143rem; height: 1.143rem;

12
src/components/slider/Slider.vue
View File

@ -344,13 +344,13 @@ export default {
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
position: absolute; position: absolute;
cursor: default; cursor: default;
touch-action: none; touch-action: none;
display: block;
} }
.p-slider-range { .p-slider-range {
position: absolute; position: absolute;
display: block; display: block;
} }
.p-slider-horizontal .p-slider-range { .p-slider-horizontal .p-slider-range {
@ -359,10 +359,18 @@ export default {
height: 100%; height: 100%;
} }
.p-slider-horizontal .p-slider-handle {
top: 50%;
}
.p-slider-vertical { .p-slider-vertical {
height: 100px; height: 100px;
} }
.p-slider-vertical .p-slider-handle {
left: 50%;
}
.p-slider-vertical .p-slider-range { .p-slider-vertical .p-slider-range {
bottom: 0; bottom: 0;
left: 0; left: 0;