fix slider CSS problem

This commit is contained in:
Jeff Nusz 2016-08-17 11:29:53 -07:00 committed by customlogic
parent 58fb13576b
commit 907f316e9c
5 changed files with 2611 additions and 2068 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -14,7 +14,7 @@
import NumberController from './NumberController';
import dom from '../dom/dom';
import css from '../utils/css';
import styleSheet from '!style!css!sass!./NumberControllerSlider.scss';
import styleSheet from '!css!sass!./NumberControllerSlider.scss';
function map(v, i1, i2, o1, o2) {
return o1 + (o2 - o1) * ((v - i1) / (i2 - i1));
@ -97,7 +97,7 @@ class NumberControllerSlider extends NumberController {
* Injects default stylesheet for slider elements.
*/
NumberControllerSlider.useDefaultStyles = function() {
css.inject(styleSheet);
css.inject(styleSheet.toString());
};
export default NumberControllerSlider;

View File

@ -14,18 +14,14 @@
.slider {
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
height: 1em;
border-radius: 1em;
border-radius: 1em 0 0 1em;
background-color: #eee;
padding: 0 0.5em;
overflow: hidden;
}
.slider-fg {
padding: 1px 0 2px 0;
background-color: #aaa;
height: 1em;
margin-left: -0.5em;
padding-right: 0.5em;
border-radius: 1em 0 0 1em;
}
@ -36,8 +32,8 @@
border: 1px solid #aaa;
content: '';
float: right;
margin-right: -1em;
margin-top: -1px;
margin-right: -0.5em;
margin-top: 3px;
height: 0.9em;
width: 0.9em;
}