Skip to content
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

Make Experiments Table Experiments Column Sticky #1825

Merged
merged 3 commits into from
Jun 2, 2022
Merged

Conversation

rogermparent
Copy link
Contributor

@rogermparent rogermparent commented Jun 2, 2022

This PR makes the first "Experiment" column in the experiments table sticky, such that it will always be present even when scrolling to the right. This, like #1805, is also implemented with position: sticky.

Some styles had to be reworked in order to make things not look broken, particularly adding backgrounds to elements to things wouldn't show up behind them as well as changing the left and right borders of rows to be applied to the first and last cell instead of the row itself.

sticky-experiments-column-demo.mp4

@rogermparent rogermparent self-assigned this Jun 2, 2022
@rogermparent rogermparent added A: experiments Area: experiments table webview and everything related product PR that affects product labels Jun 2, 2022
@rogermparent rogermparent changed the title Sticky exp column Make Experiments Table Experiments Column Sticky Jun 2, 2022
@mattseddon mattseddon requested review from maxagin and shcheklein June 2, 2022 22:13
@mattseddon mattseddon enabled auto-merge (squash) June 2, 2022 22:14
@shcheklein
Copy link
Member

Looks good to me. Again, as a followup we can try to add shadow (let's create a ticket for this?), but it solves the problem as-is.

@codeclimate
Copy link

codeclimate bot commented Jun 2, 2022

Code Climate has analyzed commit b8d9dc3 and detected 0 issues on this pull request.

The test coverage on the diff in this pull request is 100.0% (85% is the threshold).

This pull request will bring the total coverage in the repository to 96.8% (0.0% change).

View more on Code Climate.

@mattseddon mattseddon merged commit 9e2b576 into main Jun 2, 2022
@mattseddon mattseddon deleted the sticky-exp-column branch June 2, 2022 22:20
@rogermparent
Copy link
Contributor Author

Follow up ticket on shadows: #1826

@maxagin
Copy link
Contributor

maxagin commented Jun 3, 2022

Again, as a followup we can try to add shadow (let's create a ticket for this?), but it solves the problem as-is.

We have it here (Phase 1) : #1562 (comment)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A: experiments Area: experiments table webview and everything related product PR that affects product
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants