|
4 | 4 |
|
5 | 5 | /* Custom CSS for nouislider */ |
6 | 6 |
|
7 | | -/* <DEPRECATED> */ |
8 | | -.widget-slider .noUi-connect, /* <DEPRECATED> */ |
9 | | -.jupyter-widget-slider .noUi-connect { |
| 7 | +.noUi-connect { |
10 | 8 | background: rgb(33, 150, 243); |
11 | 9 | } |
12 | 10 |
|
13 | | -/* <DEPRECATED> */ |
14 | | -.widget-slider .noUi-horizontal, /* <DEPRECATED> */ |
15 | | -.jupyter-widget-slider .noUi-horizontal { |
| 11 | +.noUi-horizontal { |
16 | 12 | height: var(--jp-widgets-slider-track-thickness); |
17 | 13 | } |
18 | 14 |
|
19 | | -/* <DEPRECATED> */ |
20 | | -.widget-slider .noUi-vertical, /* <DEPRECATED> */ |
21 | | -.jupyter-widget-slider .noUi-vertical { |
| 15 | +.noUi-vertical { |
22 | 16 | width: var(--jp-widgets-slider-track-thickness); |
23 | 17 | height: 100%; |
24 | 18 | } |
25 | 19 |
|
26 | | -/* <DEPRECATED> */ |
27 | | -.widget-slider .noUi-horizontal .noUi-handle, /* <DEPRECATED> */ |
28 | | -.jupyter-widget-slider .noUi-horizontal .noUi-handle { |
| 20 | +.noUi-horizontal .noUi-handle { |
29 | 21 | width: var(--jp-widgets-slider-handle-size); |
30 | 22 | height: var(--jp-widgets-slider-handle-size); |
31 | 23 | border-radius: 50%; |
|
38 | 30 | right: calc(var(--jp-widgets-slider-handle-size) / -2); |
39 | 31 | } |
40 | 32 |
|
41 | | -/* <DEPRECATED> */ |
42 | | -.widget-slider .noUi-vertical .noUi-handle, /* <DEPRECATED> */ |
43 | | -.jupyter-widget-slider .noUi-vertical .noUi-handle { |
| 33 | +.noUi-vertical .noUi-handle { |
44 | 34 | height: var(--jp-widgets-slider-handle-size); |
45 | 35 | width: var(--jp-widgets-slider-handle-size); |
46 | 36 | border-radius: 50%; |
|
53 | 43 | top: calc(var(--jp-widgets-slider-handle-size) / -2); |
54 | 44 | } |
55 | 45 |
|
56 | | -/* <DEPRECATED> */ |
57 | | -.widget-slider .noUi-handle:after, /* <DEPRECATED> */ |
58 | | -.jupyter-widget-slider .noUi-handle:after { |
| 46 | +.noUi-handle:after { |
59 | 47 | content: none; |
60 | 48 | } |
61 | 49 |
|
62 | | -/* <DEPRECATED> */ |
63 | | -.widget-slider .noUi-handle:before, /* <DEPRECATED> */ |
64 | | -.jupyter-widget-slider .noUi-handle:before { |
| 50 | +.noUi-handle:before { |
65 | 51 | content: none; |
66 | 52 | } |
67 | 53 |
|
68 | | -/* <DEPRECATED> */ |
69 | | -.widget-slider .noUi-target, /* <DEPRECATED> */ |
70 | | -.jupyter-widget-slider .noUi-target { |
| 54 | +.noUi-target { |
71 | 55 | background: #fafafa; |
72 | 56 | border-radius: 4px; |
73 | 57 | border: 1px; |
74 | 58 | /* box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; */ |
75 | 59 | } |
76 | 60 |
|
77 | | -/* <DEPRECATED> */ |
78 | | -.widget-slider .ui-slider, /* <DEPRECATED> */ |
79 | | -.jupyter-widget-slider .ui-slider { |
| 61 | +.ui-slider { |
80 | 62 | border: var(--jp-widgets-slider-border-width) solid var(--jp-layout-color3); |
81 | 63 | background: var(--jp-layout-color3); |
82 | 64 | box-sizing: border-box; |
83 | 65 | position: relative; |
84 | 66 | border-radius: 0px; |
85 | 67 | } |
86 | 68 |
|
87 | | -/* <DEPRECATED> */ |
88 | | -.widget-slider .noUi-handle, /* <DEPRECATED> */ |
89 | | -.jupyter-widget-slider .noUi-handle { |
| 69 | +.noUi-handle { |
90 | 70 | width: var(--jp-widgets-slider-handle-size); |
91 | 71 | border: 1px solid #d9d9d9; |
92 | 72 | border-radius: 3px; |
|
96 | 76 | outline: none; |
97 | 77 | } |
98 | 78 |
|
99 | | -/* <DEPRECATED> */ |
100 | | -.widget-slider .noUi-target:not([disabled]) .noUi-handle:hover, /* <DEPRECATED> */ |
101 | | -/* <DEPRECATED> */ .widget-slider .noUi-target:not([disabled]) .noUi-handle:focus, /* <DEPRECATED> */ |
102 | | -.jupyter-widget-slider .noUi-target:not([disabled]) .noUi-handle:hover, |
103 | | -.jupyter-widget-slider .noUi-target:not([disabled]) .noUi-handle:focus { |
| 79 | +.noUi-target:not([disabled]) .noUi-handle:hover, |
| 80 | +.noUi-target:not([disabled]) .noUi-handle:focus { |
104 | 81 | background-color: var(--jp-widgets-slider-active-handle-color); |
105 | 82 | border: var(--jp-widgets-slider-border-width) solid |
106 | 83 | var(--jp-widgets-slider-active-handle-color); |
107 | 84 | } |
108 | 85 |
|
109 | | -/* <DEPRECATED> */ |
110 | | -.widget-slider [disabled].noUi-target, /* <DEPRECATED> */ |
111 | | -.jupyter-widget-slider [disabled].noUi-target { |
| 86 | +[disabled].noUi-target { |
112 | 87 | opacity: 0.35; |
113 | 88 | } |
114 | 89 |
|
115 | | -/* <DEPRECATED> */ |
116 | | -.widget-slider .noUi-connects, /* <DEPRECATED> */ |
117 | | -.jupyter-widget-slider .noUi-connects { |
| 90 | +.noUi-connects { |
118 | 91 | overflow: visible; |
119 | 92 | z-index: 0; |
120 | 93 | background: var(--jp-layout-color3); |
121 | 94 | } |
122 | 95 |
|
123 | | -/* <DEPRECATED> */ |
124 | | -.widget-slider .noUi-vertical .noUi-connect, /* <DEPRECATED> */ |
125 | | -.jupyter-widget-slider .noUi-vertical .noUi-connect { |
| 96 | +.noUi-vertical .noUi-connect { |
126 | 97 | width: calc(100% + 2px); |
127 | 98 | right: -1px; |
128 | 99 | } |
129 | 100 |
|
130 | | -/* <DEPRECATED */ |
131 | | -.widget-slider .noUi-horizontal .noUi-connect, /* <DEPRECATED */ |
132 | | -.jupyter-widget-slider .noUi-horizontal .noUi-connect { |
| 101 | +.noUi-horizontal .noUi-connect { |
133 | 102 | height: calc(100% + 2px); |
134 | 103 | top: -1px; |
135 | 104 | } |
0 commit comments