|
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