Skip to content

Commit f0346c0

Browse files
authored
fix(ui5-rangeslider): fix handles opacity for IE11 (#2983)
Range Slider's handles' background is now fixed to be consistent across all browsers, as previously their opacity was not correct in IE11.
1 parent fb725fe commit f0346c0

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

packages/main/src/themes/base/SliderBase-parameters.css

+4-2
Original file line numberDiff line numberDiff line change
@@ -10,14 +10,16 @@
1010
--_ui5_slider_handle_width: 1.625rem;
1111
--_ui5_slider_handle_border: solid 0.125rem var(--sapField_BorderColor);
1212
--_ui5_slider_handle_background: var(--sapButton_Background);
13-
--_ui5_range_slider_handle_background: rgba(var(--sapButton_Background), 0.25);
13+
/* --_ui5_range_slider_handle_background: rgba(var(--sapButton_Background), 0.25); - doesn't work on IE */
14+
--_ui5_range_slider_handle_background: rgba(255, 255, 255, 0.25);
1415
--_ui5_slider_handle_top: -0.825rem;
1516
--_ui5_slider_handle_margin_left: -0.9725rem;
1617
--_ui5_slider_handle_hover_background: var(--sapButton_Hover_Background);
1718
--_ui5_slider_handle_hover_border: var(--sapButton_Hover_BorderColor);
1819
--_ui5_slider_handle_outline: 1px dotted var(--sapContent_FocusColor);
1920
--_ui5_slider_handle_outline_offset: 0.075rem;
20-
--_ui5_range_slider_handle_hover_background: rgba(var(--sapButton_Background), 0.25);
21+
/* --_ui5_range_slider_handle_hover_background: rgba(var(--sapButton_Background), 0.25); - doesn't work on IE */
22+
--_ui5_range_slider_handle_hover_background: rgba(255, 255, 255, 0.25);
2123
--_ui5_slider_progress_outline: 0.0625rem dotted var(--sapContent_FocusColor);
2224
--_ui5_slider_progress_outline_offset: -0.8125rem;
2325
--_ui5_slider_tickmark_color: #89919a;

0 commit comments

Comments
 (0)