|
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 | | -} |
113 | 12 | /** |
114 | 13 | * Copyright (c) 2015, Facebook, Inc. |
115 | 14 | * All rights reserved. |
@@ -341,3 +240,104 @@ body[dir="rtl"] .fixedDataTableColumnResizerLineLayout_main { |
341 | 240 | position: absolute; |
342 | 241 | top: 0; |
343 | 242 | } |
| 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