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

Experiments table ux improvements #1602

Merged
merged 12 commits into from
Apr 29, 2022
Merged

Conversation

wolmir
Copy link
Contributor

@wolmir wolmir commented Apr 21, 2022

This PR addresses the following UX improvement requests:

From #1565:
163457131-14387cd3-4007-472c-845c-92a733da44db

Figma link

From #1597:

Fix sort indicator by using a builtin color

@wolmir wolmir self-assigned this Apr 21, 2022
@wolmir wolmir force-pushed the experiments-table-ux-improvements branch 2 times, most recently from de00910 to ea2408e Compare April 26, 2022 12:40
@wolmir wolmir force-pushed the experiments-table-ux-improvements branch from 3dd6b4a to c872abe Compare April 27, 2022 13:41
@wolmir wolmir marked this pull request as ready for review April 27, 2022 13:41
@@ -14,7 +14,7 @@ $workspace-row-edge-margin: $edge-padding - $cell-padding;

// Dark Theme

$row-bg-alt-color: rgba(60, 60, 60, 0.7);
$row-bg-alt-color: var(--vscode-sideBar-background);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[I] Seems a better color for this might be --vscode-tree-tableOddRowsBackground

Screen.Recording.2022-04-28.at.11.34.51.am.mov

Copy link
Member

@mattseddon mattseddon Apr 28, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

note that for some reason the dotted lines are not covered again in the above demo

@@ -14,7 +14,7 @@ $workspace-row-edge-margin: $edge-padding - $cell-padding;

// Dark Theme

$row-bg-alt-color: rgba(60, 60, 60, 0.7);
$row-bg-alt-color: var(--vscode-sideBar-background);
$header-bg-color: #303031;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[I] We should remove all of these. I've raised a checkbox under #1603

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can be done in follow up

Copy link
Member

@mattseddon mattseddon left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, fixing the odd rows gives me the impression that we need to remove the rest of the "try to match every light or dark theme with a single color" colors ASAP.

Copy link
Contributor

@rogermparent rogermparent left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great iteration! More to do overall, but that can be done in follow-up PRs.

@codeclimate
Copy link

codeclimate bot commented Apr 29, 2022

Code Climate has analyzed commit c98fbbf 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.7% (0.0% change).

View more on Code Climate.

@wolmir wolmir merged commit f2dad14 into main Apr 29, 2022
@wolmir wolmir deleted the experiments-table-ux-improvements branch April 29, 2022 13:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants