New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Applab Datasets] Set Up Layout for new Data Tab #30331
Conversation
Codecov Report
@@ Coverage Diff @@
## staging #30331 +/- ##
===========================================
- Coverage 73.28% 72.13% -1.15%
===========================================
Files 2050 1374 -676
Lines 112326 84689 -27637
Branches 3424 3427 +3
===========================================
- Hits 82313 61091 -21222
+ Misses 26773 20353 -6420
- Partials 3240 3245 +5
Continue to review full report at Codecov.
|
borderRight: '1px solid gray', | ||
overflowY: 'auto', | ||
padding: 10, | ||
paddingRight: 0 // setting this to 0 allows 2 columns with the potential scrollbar on Windows |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
In which cases is this needed? I pulled the branch really quick to test it out, and disabling this didn't cause a difference on IE or Chrome. Does this have a bigger effect when there is scrollable data?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think you might also be able to go without display: 'block'
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Would it make more sense to make the width 250 and go without the border-box? Not sure which is clearer, but it's an option.
width: 270, | ||
boxSizing: 'border-box', | ||
borderRight: '1px solid gray', | ||
overflowY: 'auto', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Should this be 'hidden'?
bottom: 0, | ||
left: 270, | ||
right: 0, | ||
boxSizing: 'border-box', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think you don't need border-box here
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
(same with the container)
Right now just the basic layout. Next step is the Data Browser content, then the Library Pane content. Everything behind an experiment flag.
With Experiment on:
With Experiment off: