Browse Source

CHART-10266 fix: 灰化的silder样式修改

es6
windy 5 years ago
parent
commit
a97e8afa44
  1. 12
      src/css/widget/singleslider/slider/widget.css
  2. 12
      src/less/widget/singleslider/slider/widget.slider.less
  3. 2
      src/widget/singleslider/button/iconbutton.slider.js

12
src/css/widget/singleslider/slider/widget.css

@ -6,8 +6,8 @@
-moz-border-radius: 8px; -moz-border-radius: 8px;
border-radius: 8px; border-radius: 8px;
background-color: #ffffff; background-color: #ffffff;
height: 16px; height: 12px;
width: 16px; width: 12px;
top: 6px; top: 6px;
left: -8px; left: -8px;
} }
@ -17,8 +17,8 @@
-moz-border-radius: 10px; -moz-border-radius: 10px;
border-radius: 10px; border-radius: 10px;
background-color: #f7f8fa; background-color: #f7f8fa;
width: 20px; width: 16px;
height: 20px; height: 16px;
top: 4px; top: 4px;
left: -10px; left: -10px;
} }
@ -28,8 +28,8 @@
.bi-single-slider-button .slider-button.disabled:hover, .bi-single-slider-button .slider-button.disabled:hover,
.bi-single-slider-button .slider-button.disabled.hover { .bi-single-slider-button .slider-button.disabled.hover {
background-color: #f7f8fa; background-color: #f7f8fa;
width: 16px; width: 12px;
height: 16px; height: 12px;
top: 6px; top: 6px;
left: -8px; left: -8px;
} }

12
src/less/widget/singleslider/slider/widget.slider.less

@ -7,15 +7,15 @@
border-style: solid; border-style: solid;
.border-radius(8px); .border-radius(8px);
background-color: @color-bi-background-default; background-color: @color-bi-background-default;
height: 16px; height: 12px;
width: 16px; width: 12px;
top: 6px; top: 6px;
left: -8px; left: -8px;
&:hover, &.hover { &:hover, &.hover {
.border-radius(10px); .border-radius(10px);
background-color: @color-bi-background-normal; background-color: @color-bi-background-normal;
width: 20px; width: 16px;
height: 20px; height: 16px;
top: 4px; top: 4px;
left: -10px; left: -10px;
} }
@ -23,8 +23,8 @@
border-color: @color-bi-border-disabled; border-color: @color-bi-border-disabled;
&:hover, &.hover { &:hover, &.hover {
background-color: @color-bi-background-normal; background-color: @color-bi-background-normal;
width: 16px; width: 12px;
height: 16px; height: 12px;
top: 6px; top: 6px;
left: -8px; left: -8px;
} }

2
src/widget/singleslider/button/iconbutton.slider.js

@ -23,7 +23,7 @@ BI.SliderIconButton = BI.inherit(BI.Widget, {
}, },
items: [{ items: [{
el: { el: {
type: "bi.text", type: "bi.text_button",
cls: "slider-button bi-high-light-border", cls: "slider-button bi-high-light-border",
ref: function () { ref: function () {
self.slider = this; self.slider = this;

Loading…
Cancel
Save