fix(rz-vertical rz-tick-value): Position long labels on vertical sliders correctly

Daniel Bartholomae · Daniel Bartholomae · commit 1dd70c723f19 · 2016-04-01T21:56:27.000+02:00
305
diff --git a/dist/rzslider.css b/dist/rzslider.css
@@ -1,7 +1,7 @@
-/*! angularjs-slider - v2.10.4 -
- (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> -
- https://github.com/angular-slider/angularjs-slider -
- 2016-03-28 */
+/*! angularjs-slider - v2.10.4 - 
+ (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> - 
+ https://github.com/angular-slider/angularjs-slider - 
+ 2016-04-01 */
 rzslider {
   position: relative;
   display: inline-block;
@@ -225,6 +225,6 @@ rzslider.rz-vertical .rz-ticks .rz-tick {
 
 rzslider.rz-vertical .rz-ticks .rz-tick .rz-tick-value {
   top: auto;
-  right: -30px;
+  left: 22px;
   transform: translate(0, -28%);
-}
+}
diff --git a/dist/rzslider.js b/dist/rzslider.js
@@ -1,7 +1,7 @@
-/*! angularjs-slider - v2.10.4 -
- (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> -
- https://github.com/angular-slider/angularjs-slider -
- 2016-03-28 */
+/*! angularjs-slider - v2.10.4 - 
+ (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> - 
+ https://github.com/angular-slider/angularjs-slider - 
+ 2016-04-01 */
 /*jslint unparam: true */
 /*global angular: false, console: false, define, module */
 (function(root, factory) {
diff --git a/dist/rzslider.min.css b/dist/rzslider.min.css
diff --git a/dist/rzslider.min.js b/dist/rzslider.min.js
diff --git a/src/rzslider.less b/src/rzslider.less
@@ -211,7 +211,7 @@ rzslider {
       .rz-tick {
         vertical-align: middle;
         .rz-tick-value {
-          right: @ticksValuePosition;
+          left: @ticksValuePositionOnVertical;
           top: auto;
           transform: translate(0, -28%);
         }
diff --git a/src/variables.less b/src/variables.less
@@ -19,6 +19,7 @@
 @ticksWidth: 10px;
 @ticksHeight: 10px;
 @ticksValuePosition: -30px;
+@ticksValuePositionOnVertical: 22px;
 
 @handleSize: 32px;
 @handlePointerSize: 8px;

Original file line number	Diff line number	Diff line change
`@@ -211,7 +211,7 @@ rzslider {`
`211`	`211`	`.rz-tick {`
`212`	`212`	`vertical-align: middle;`
`213`	`213`	`.rz-tick-value {`
`214`		`- right: @ticksValuePosition;`
	`214`	`+ left: @ticksValuePositionOnVertical;`
`215`	`215`	`top: auto;`
`216`	`216`	`transform: translate(0, -28%);`
`217`	`217`	`}`