|
| 1 | +/** |
| 2 | + * Copyright Schrodinger, LLC |
| 3 | + * All rights reserved. |
| 4 | + * |
| 5 | + * This source code is licensed under the BSD-style license found in the |
| 6 | + * LICENSE file in the root directory of this source tree. An additional grant |
| 7 | + * of patent rights can be found in the PATENTS file in the same directory. |
| 8 | + * |
| 9 | + * @providesModule fixedDataTableCellLayout |
| 10 | + */ |
| 11 | + |
| 12 | +.fixedDataTableCellLayout_main { |
| 13 | + border-right-style: solid; |
| 14 | + border-right-width: 1px; |
| 15 | + border-width: 0 1px 0 0; |
| 16 | + box-sizing: border-box; |
| 17 | + display: block; |
| 18 | + overflow: hidden; |
| 19 | + position: absolute; |
| 20 | + white-space: normal; |
| 21 | +} |
| 22 | + |
| 23 | +.fixedDataTable_isRTL .fixedDataTableCellLayout_main { |
| 24 | + border-right-width: 0; |
| 25 | + border-left-style: solid; |
| 26 | + border-left-width: 1px; |
| 27 | +} |
| 28 | + |
| 29 | +.fixedDataTableCellLayout_lastChild { |
| 30 | + border-width: 0 1px 1px 0; |
| 31 | +} |
| 32 | + |
| 33 | +.fixedDataTableCellLayout_alignRight { |
| 34 | + text-align: right; |
| 35 | +} |
| 36 | + |
| 37 | +.fixedDataTableCellLayout_alignCenter { |
| 38 | + text-align: center; |
| 39 | +} |
| 40 | + |
| 41 | +.fixedDataTableCellLayout_wrap { |
| 42 | + display: table-cell; |
| 43 | + vertical-align: middle; |
| 44 | + box-sizing: border-box; |
| 45 | +} |
| 46 | + |
| 47 | +.fixedDataTableCellLayout_wrap1 { |
| 48 | + display: table; |
| 49 | +} |
| 50 | + |
| 51 | +.fixedDataTableCellLayout_wrap2 { |
| 52 | + display: table-row; |
| 53 | +} |
| 54 | + |
| 55 | +.fixedDataTableCellLayout_wrap3 { |
| 56 | + display: table-cell; |
| 57 | + vertical-align: middle; |
| 58 | +} |
| 59 | + |
| 60 | +.fixedDataTableCellLayout_columnResizerContainer { |
| 61 | + position: absolute; |
| 62 | + right: 0px; |
| 63 | + width: 6px; |
| 64 | + z-index: 1; |
| 65 | +} |
| 66 | + |
| 67 | +.fixedDataTable_isRTL .fixedDataTableCellLayout_columnResizerContainer { |
| 68 | + left: 0px; |
| 69 | + right: auto; |
| 70 | +} |
| 71 | + |
| 72 | +.fixedDataTableCellLayout_columnResizerContainer:hover { |
| 73 | + cursor: ew-resize; |
| 74 | + background-color: #0284ff; |
| 75 | +} |
| 76 | + |
1 | 77 | /** |
2 | 78 | * Copyright Schrodinger, LLC |
3 | 79 | * All rights reserved. |
|
73 | 149 | } |
74 | 150 |
|
75 | 151 |
|
| 152 | +/** |
| 153 | + * Copyright Schrodinger, LLC |
| 154 | + * All rights reserved. |
| 155 | + * |
| 156 | + * This source code is licensed under the BSD-style license found in the |
| 157 | + * LICENSE file in the root directory of this source tree. An additional grant |
| 158 | + * of patent rights can be found in the PATENTS file in the same directory. |
| 159 | + * |
| 160 | + * @providesModule ScrollbarLayout |
| 161 | + */ |
| 162 | + |
| 163 | +.ScrollbarLayout_main { |
| 164 | + box-sizing: border-box; |
| 165 | + outline: none; |
| 166 | + overflow: hidden; |
| 167 | + position: absolute; |
| 168 | + -webkit-user-select: none; |
| 169 | + -moz-user-select: none; |
| 170 | + -ms-user-select: none; |
| 171 | + user-select: none; |
| 172 | +} |
| 173 | + |
| 174 | +.ScrollbarLayout_mainVertical { |
| 175 | + bottom: 0; |
| 176 | + right: 0; |
| 177 | + top: 0; |
| 178 | + width: 15px; |
| 179 | +} |
| 180 | + |
| 181 | +.ScrollbarLayout_mainHorizontal { |
| 182 | + height: 15px; |
| 183 | + left: 0; |
| 184 | +} |
| 185 | + |
| 186 | +.ScrollbarLayout_face { |
| 187 | + left: 0; |
| 188 | + overflow: hidden; |
| 189 | + position: absolute; |
| 190 | + z-index: 1; |
| 191 | + |
| 192 | + /* keep the thumb aligned to the center */ |
| 193 | + display: flex; |
| 194 | + justify-content: center; |
| 195 | + align-items: center; |
| 196 | +} |
| 197 | + |
| 198 | +/** |
| 199 | + * This selector renders the "nub" of the scrollface. The nub must |
| 200 | + * be rendered as pseudo-element so that it won't receive any UI events then |
| 201 | + * we can get the correct `event.offsetX` and `event.offsetY` from the |
| 202 | + * scrollface element while dragging it. |
| 203 | + */ |
| 204 | +.ScrollbarLayout_face:after { |
| 205 | + border-radius: 6px; |
| 206 | + content: ''; |
| 207 | + display: block; |
| 208 | + position: absolute; |
| 209 | + transition-duration: 250ms; |
| 210 | + transition-timing-function: ease; |
| 211 | + transition-property: background-color, height, width; |
| 212 | +} |
| 213 | + |
| 214 | +.ScrollbarLayout_faceHorizontal { |
| 215 | + bottom: 0; |
| 216 | + left: 0; |
| 217 | + top: 0; |
| 218 | +} |
| 219 | + |
| 220 | +.ScrollbarLayout_faceHorizontal:after { |
| 221 | + width: 100%; |
| 222 | + height: calc(100% - 4px * 2); |
| 223 | +} |
| 224 | + |
| 225 | +.fixedDataTable_isRTL .ScrollbarLayout_faceHorizontal, |
| 226 | +.fixedDataTable_isRTL .ScrollbarLayout_faceHorizontal:after { |
| 227 | + right: 0; |
| 228 | + left: auto; |
| 229 | +} |
| 230 | + |
| 231 | +/* expand horizontal scrollbar face when active */ |
| 232 | +.ScrollbarLayout_faceHorizontal.public_Scrollbar_faceActive:after, |
| 233 | +.ScrollbarLayout_main:hover .ScrollbarLayout_faceHorizontal:after { |
| 234 | + height: calc(100% - 4px); |
| 235 | +} |
| 236 | + |
| 237 | +.ScrollbarLayout_faceVertical { |
| 238 | + left: 0; |
| 239 | + right: 0; |
| 240 | + top: 0; |
| 241 | +} |
| 242 | + |
| 243 | +.ScrollbarLayout_faceVertical:after { |
| 244 | + height: 100%; |
| 245 | + width: calc(100% - 4px * 2); |
| 246 | +} |
| 247 | + |
| 248 | +/* expand veritcal scrollbar face when active */ |
| 249 | +.ScrollbarLayout_main:hover .ScrollbarLayout_faceVertical:after, |
| 250 | +.ScrollbarLayout_faceVertical.public_Scrollbar_faceActive:after { |
| 251 | + width: calc(100% - 4px); |
| 252 | +} |
| 253 | + |
76 | 254 | /** |
77 | 255 | * Copyright Schrodinger, LLC |
78 | 256 | * All rights reserved. |
|
187 | 365 | position: absolute; |
188 | 366 | top: 0; |
189 | 367 | } |
190 | | - |
191 | | -/** |
192 | | - * Copyright Schrodinger, LLC |
193 | | - * All rights reserved. |
194 | | - * |
195 | | - * This source code is licensed under the BSD-style license found in the |
196 | | - * LICENSE file in the root directory of this source tree. An additional grant |
197 | | - * of patent rights can be found in the PATENTS file in the same directory. |
198 | | - * |
199 | | - * @providesModule fixedDataTableCellLayout |
200 | | - */ |
201 | | - |
202 | | -.fixedDataTableCellLayout_main { |
203 | | - border-right-style: solid; |
204 | | - border-right-width: 1px; |
205 | | - border-width: 0 1px 0 0; |
206 | | - box-sizing: border-box; |
207 | | - display: block; |
208 | | - overflow: hidden; |
209 | | - position: absolute; |
210 | | - white-space: normal; |
211 | | -} |
212 | | - |
213 | | -.fixedDataTable_isRTL .fixedDataTableCellLayout_main { |
214 | | - border-right-width: 0; |
215 | | - border-left-style: solid; |
216 | | - border-left-width: 1px; |
217 | | -} |
218 | | - |
219 | | -.fixedDataTableCellLayout_lastChild { |
220 | | - border-width: 0 1px 1px 0; |
221 | | -} |
222 | | - |
223 | | -.fixedDataTableCellLayout_alignRight { |
224 | | - text-align: right; |
225 | | -} |
226 | | - |
227 | | -.fixedDataTableCellLayout_alignCenter { |
228 | | - text-align: center; |
229 | | -} |
230 | | - |
231 | | -.fixedDataTableCellLayout_wrap { |
232 | | - display: table-cell; |
233 | | - vertical-align: middle; |
234 | | - box-sizing: border-box; |
235 | | -} |
236 | | - |
237 | | -.fixedDataTableCellLayout_wrap1 { |
238 | | - display: table; |
239 | | -} |
240 | | - |
241 | | -.fixedDataTableCellLayout_wrap2 { |
242 | | - display: table-row; |
243 | | -} |
244 | | - |
245 | | -.fixedDataTableCellLayout_wrap3 { |
246 | | - display: table-cell; |
247 | | - vertical-align: middle; |
248 | | -} |
249 | | - |
250 | | -.fixedDataTableCellLayout_columnResizerContainer { |
251 | | - position: absolute; |
252 | | - right: 0px; |
253 | | - width: 6px; |
254 | | - z-index: 1; |
255 | | -} |
256 | | - |
257 | | -.fixedDataTable_isRTL .fixedDataTableCellLayout_columnResizerContainer { |
258 | | - left: 0px; |
259 | | - right: auto; |
260 | | -} |
261 | | - |
262 | | -.fixedDataTableCellLayout_columnResizerContainer:hover { |
263 | | - cursor: ew-resize; |
264 | | - background-color: #0284ff; |
265 | | -} |
266 | | - |
267 | | -/** |
268 | | - * Copyright Schrodinger, LLC |
269 | | - * All rights reserved. |
270 | | - * |
271 | | - * This source code is licensed under the BSD-style license found in the |
272 | | - * LICENSE file in the root directory of this source tree. An additional grant |
273 | | - * of patent rights can be found in the PATENTS file in the same directory. |
274 | | - * |
275 | | - * @providesModule ScrollbarLayout |
276 | | - */ |
277 | | - |
278 | | -.ScrollbarLayout_main { |
279 | | - box-sizing: border-box; |
280 | | - outline: none; |
281 | | - overflow: hidden; |
282 | | - position: absolute; |
283 | | - -webkit-user-select: none; |
284 | | - -moz-user-select: none; |
285 | | - -ms-user-select: none; |
286 | | - user-select: none; |
287 | | -} |
288 | | - |
289 | | -.ScrollbarLayout_mainVertical { |
290 | | - bottom: 0; |
291 | | - right: 0; |
292 | | - top: 0; |
293 | | - width: 15px; |
294 | | -} |
295 | | - |
296 | | -.ScrollbarLayout_mainHorizontal { |
297 | | - height: 15px; |
298 | | - left: 0; |
299 | | -} |
300 | | - |
301 | | -.ScrollbarLayout_face { |
302 | | - left: 0; |
303 | | - overflow: hidden; |
304 | | - position: absolute; |
305 | | - z-index: 1; |
306 | | - |
307 | | - /* keep the thumb aligned to the center */ |
308 | | - display: flex; |
309 | | - justify-content: center; |
310 | | - align-items: center; |
311 | | -} |
312 | | - |
313 | | -/** |
314 | | - * This selector renders the "nub" of the scrollface. The nub must |
315 | | - * be rendered as pseudo-element so that it won't receive any UI events then |
316 | | - * we can get the correct `event.offsetX` and `event.offsetY` from the |
317 | | - * scrollface element while dragging it. |
318 | | - */ |
319 | | -.ScrollbarLayout_face:after { |
320 | | - border-radius: 6px; |
321 | | - content: ''; |
322 | | - display: block; |
323 | | - position: absolute; |
324 | | - transition-duration: 250ms; |
325 | | - transition-timing-function: ease; |
326 | | - transition-property: background-color, height, width; |
327 | | -} |
328 | | - |
329 | | -.ScrollbarLayout_faceHorizontal { |
330 | | - bottom: 0; |
331 | | - left: 0; |
332 | | - top: 0; |
333 | | -} |
334 | | - |
335 | | -.ScrollbarLayout_faceHorizontal:after { |
336 | | - width: 100%; |
337 | | - height: calc(100% - 4px * 2); |
338 | | -} |
339 | | - |
340 | | -.fixedDataTable_isRTL .ScrollbarLayout_faceHorizontal, |
341 | | -.fixedDataTable_isRTL .ScrollbarLayout_faceHorizontal:after { |
342 | | - right: 0; |
343 | | - left: auto; |
344 | | -} |
345 | | - |
346 | | -/* expand horizontal scrollbar face when active */ |
347 | | -.ScrollbarLayout_faceHorizontal.public_Scrollbar_faceActive:after, |
348 | | -.ScrollbarLayout_main:hover .ScrollbarLayout_faceHorizontal:after { |
349 | | - height: calc(100% - 4px); |
350 | | -} |
351 | | - |
352 | | -.ScrollbarLayout_faceVertical { |
353 | | - left: 0; |
354 | | - right: 0; |
355 | | - top: 0; |
356 | | -} |
357 | | - |
358 | | -.ScrollbarLayout_faceVertical:after { |
359 | | - height: 100%; |
360 | | - width: calc(100% - 4px * 2); |
361 | | -} |
362 | | - |
363 | | -/* expand veritcal scrollbar face when active */ |
364 | | -.ScrollbarLayout_main:hover .ScrollbarLayout_faceVertical:after, |
365 | | -.ScrollbarLayout_faceVertical.public_Scrollbar_faceActive:after { |
366 | | - width: calc(100% - 4px); |
367 | | -} |
0 commit comments