|
1 | 1 | /** |
2 | | - * FixedDataTable v0.6.0-rc1 |
| 2 | + * FixedDataTable v0.6.0 |
3 | 3 | * |
4 | 4 | * Copyright (c) 2015, Facebook, Inc. |
5 | 5 | * All rights reserved. |
|
9 | 9 | * of patent rights can be found in the PATENTS file in the same directory. |
10 | 10 | */ |
11 | 11 |
|
| 12 | +/** |
| 13 | + * Copyright (c) 2015, Facebook, Inc. |
| 14 | + * All rights reserved. |
| 15 | + * |
| 16 | + * This source code is licensed under the BSD-style license found in the |
| 17 | + * LICENSE file in the root directory of this source tree. An additional grant |
| 18 | + * of patent rights can be found in the PATENTS file in the same directory. |
| 19 | + * |
| 20 | + * @providesModule ScrollbarLayout |
| 21 | + */ |
| 22 | + |
| 23 | +.ScrollbarLayout_main { |
| 24 | + box-sizing: border-box; |
| 25 | + outline: none; |
| 26 | + overflow: hidden; |
| 27 | + position: absolute; |
| 28 | + -webkit-transition-duration: 250ms; |
| 29 | + transition-duration: 250ms; |
| 30 | + -webkit-transition-timing-function: ease; |
| 31 | + transition-timing-function: ease; |
| 32 | + -webkit-user-select: none; |
| 33 | + -moz-user-select: none; |
| 34 | + -ms-user-select: none; |
| 35 | + user-select: none; |
| 36 | +} |
| 37 | + |
| 38 | +.ScrollbarLayout_mainVertical { |
| 39 | + bottom: 0; |
| 40 | + right: 0; |
| 41 | + top: 0; |
| 42 | + -webkit-transition-property: background-color width; |
| 43 | + transition-property: background-color width; |
| 44 | + width: 15px; |
| 45 | +} |
| 46 | + |
| 47 | +.ScrollbarLayout_mainVertical.public_Scrollbar_mainActive, |
| 48 | +.ScrollbarLayout_mainVertical:hover { |
| 49 | + width: 17px; |
| 50 | +} |
| 51 | + |
| 52 | +.ScrollbarLayout_mainHorizontal { |
| 53 | + bottom: 0; |
| 54 | + height: 15px; |
| 55 | + left: 0; |
| 56 | + -webkit-transition-property: background-color height; |
| 57 | + transition-property: background-color height; |
| 58 | +} |
| 59 | + |
| 60 | +/* Touching the scroll-track directly makes the scroll-track bolder */ |
| 61 | +.ScrollbarLayout_mainHorizontal.public_Scrollbar_mainActive, |
| 62 | +.ScrollbarLayout_mainHorizontal:hover { |
| 63 | + height: 17px; |
| 64 | +} |
| 65 | + |
| 66 | +.ScrollbarLayout_face { |
| 67 | + left: 0; |
| 68 | + overflow: hidden; |
| 69 | + position: absolute; |
| 70 | + z-index: 1; |
| 71 | +} |
| 72 | + |
| 73 | +/** |
| 74 | + * This selector renders the "nub" of the scrollface. The nub must |
| 75 | + * be rendered as pseudo-element so that it won't receive any UI events then |
| 76 | + * we can get the correct `event.offsetX` and `event.offsetY` from the |
| 77 | + * scrollface element while dragging it. |
| 78 | + */ |
| 79 | +.ScrollbarLayout_face:after { |
| 80 | + border-radius: 6px; |
| 81 | + content: ''; |
| 82 | + display: block; |
| 83 | + position: absolute; |
| 84 | + -webkit-transition: background-color 250ms ease; |
| 85 | + transition: background-color 250ms ease; |
| 86 | +} |
| 87 | + |
| 88 | +.ScrollbarLayout_faceHorizontal { |
| 89 | + bottom: 0; |
| 90 | + left: 0; |
| 91 | + top: 0; |
| 92 | +} |
| 93 | + |
| 94 | +.ScrollbarLayout_faceHorizontal:after { |
| 95 | + bottom: 4px; |
| 96 | + left: 0; |
| 97 | + top: 4px; |
| 98 | + width: 100%; |
| 99 | +} |
| 100 | + |
| 101 | +.ScrollbarLayout_faceVertical { |
| 102 | + left: 0; |
| 103 | + right: 0; |
| 104 | + top: 0; |
| 105 | +} |
| 106 | + |
| 107 | +.ScrollbarLayout_faceVertical:after { |
| 108 | + height: 100%; |
| 109 | + left: 4px; |
| 110 | + right: 4px; |
| 111 | + top: 0; |
| 112 | +} |
12 | 113 | /** |
13 | 114 | * Copyright (c) 2015, Facebook, Inc. |
14 | 115 | * All rights reserved. |
@@ -240,104 +341,3 @@ body[dir="rtl"] .fixedDataTableColumnResizerLineLayout_main { |
240 | 341 | position: absolute; |
241 | 342 | top: 0; |
242 | 343 | } |
243 | | -/** |
244 | | - * Copyright (c) 2015, Facebook, Inc. |
245 | | - * All rights reserved. |
246 | | - * |
247 | | - * This source code is licensed under the BSD-style license found in the |
248 | | - * LICENSE file in the root directory of this source tree. An additional grant |
249 | | - * of patent rights can be found in the PATENTS file in the same directory. |
250 | | - * |
251 | | - * @providesModule ScrollbarLayout |
252 | | - */ |
253 | | - |
254 | | -.ScrollbarLayout_main { |
255 | | - box-sizing: border-box; |
256 | | - outline: none; |
257 | | - overflow: hidden; |
258 | | - position: absolute; |
259 | | - -webkit-transition-duration: 250ms; |
260 | | - transition-duration: 250ms; |
261 | | - -webkit-transition-timing-function: ease; |
262 | | - transition-timing-function: ease; |
263 | | - -webkit-user-select: none; |
264 | | - -moz-user-select: none; |
265 | | - -ms-user-select: none; |
266 | | - user-select: none; |
267 | | -} |
268 | | - |
269 | | -.ScrollbarLayout_mainVertical { |
270 | | - bottom: 0; |
271 | | - right: 0; |
272 | | - top: 0; |
273 | | - -webkit-transition-property: background-color width; |
274 | | - transition-property: background-color width; |
275 | | - width: 15px; |
276 | | -} |
277 | | - |
278 | | -.ScrollbarLayout_mainVertical.public_Scrollbar_mainActive, |
279 | | -.ScrollbarLayout_mainVertical:hover { |
280 | | - width: 17px; |
281 | | -} |
282 | | - |
283 | | -.ScrollbarLayout_mainHorizontal { |
284 | | - bottom: 0; |
285 | | - height: 15px; |
286 | | - left: 0; |
287 | | - -webkit-transition-property: background-color height; |
288 | | - transition-property: background-color height; |
289 | | -} |
290 | | - |
291 | | -/* Touching the scroll-track directly makes the scroll-track bolder */ |
292 | | -.ScrollbarLayout_mainHorizontal.public_Scrollbar_mainActive, |
293 | | -.ScrollbarLayout_mainHorizontal:hover { |
294 | | - height: 17px; |
295 | | -} |
296 | | - |
297 | | -.ScrollbarLayout_face { |
298 | | - left: 0; |
299 | | - overflow: hidden; |
300 | | - position: absolute; |
301 | | - z-index: 1; |
302 | | -} |
303 | | - |
304 | | -/** |
305 | | - * This selector renders the "nub" of the scrollface. The nub must |
306 | | - * be rendered as pseudo-element so that it won't receive any UI events then |
307 | | - * we can get the correct `event.offsetX` and `event.offsetY` from the |
308 | | - * scrollface element while dragging it. |
309 | | - */ |
310 | | -.ScrollbarLayout_face:after { |
311 | | - border-radius: 6px; |
312 | | - content: ''; |
313 | | - display: block; |
314 | | - position: absolute; |
315 | | - -webkit-transition: background-color 250ms ease; |
316 | | - transition: background-color 250ms ease; |
317 | | -} |
318 | | - |
319 | | -.ScrollbarLayout_faceHorizontal { |
320 | | - bottom: 0; |
321 | | - left: 0; |
322 | | - top: 0; |
323 | | -} |
324 | | - |
325 | | -.ScrollbarLayout_faceHorizontal:after { |
326 | | - bottom: 4px; |
327 | | - left: 0; |
328 | | - top: 4px; |
329 | | - width: 100%; |
330 | | -} |
331 | | - |
332 | | -.ScrollbarLayout_faceVertical { |
333 | | - left: 0; |
334 | | - right: 0; |
335 | | - top: 0; |
336 | | -} |
337 | | - |
338 | | -.ScrollbarLayout_faceVertical:after { |
339 | | - height: 100%; |
340 | | - left: 4px; |
341 | | - right: 4px; |
342 | | - top: 0; |
343 | | -} |
0 commit comments