|
| 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