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

Improve styling of right panel tabs #1296

Merged
merged 1 commit into from
Nov 19, 2024

Conversation

manuhabitela
Copy link
Collaborator

@manuhabitela manuhabitela commented Nov 7, 2024

Context

Those few visual changes (colors, borders, font weight) make it easier to understand what tab is the selected one in the creator panel.

Proposed solution

Follow the new design from here.

Related issues

Fixes #1011.

Has this been tested?

I don't think this needs any tests since those are purely visual changes but let me know if I'm mistaken.

Screenshots / Screencasts

Here is a preview of the changes in light and dark modes:

tabs.mp4

app/client/ui2018/cssVars.ts Outdated Show resolved Hide resolved
app/client/ui2018/cssVars.ts Outdated Show resolved Hide resolved
@dsagal dsagal added preview Launch preview deployment of this PR and removed preview Launch preview deployment of this PR labels Nov 8, 2024
Copy link
Contributor

github-actions bot commented Nov 8, 2024

Deployed commit 7958282cf28ad0fdaef653dc62bd857add82876e as https://grist-manuhabitela-grist-core-issue-1011-tab-styles.fly.dev (until 2024-12-08T22:20:37.274Z)

Copy link
Collaborator

@fflorent fflorent left a comment

Choose a reason for hiding this comment

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

Looks great!

Those few visual changes (colors, borders, font weight) make it easier
to understand what tab is the selected one in the right tab panel.
Copy link
Contributor

Deployed commit 39509883926e41fd3611b9fa9af4c97add2bd2b2 as https://grist-manuhabitela-grist-core-issue-1011-tab-styles.fly.dev (until 2024-12-19T13:49:39.072Z)

Copy link
Contributor

@georgegevoian georgegevoian left a comment

Choose a reason for hiding this comment

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

Thanks @manuhabitela!

@georgegevoian georgegevoian merged commit 1c26dd7 into gristlabs:main Nov 19, 2024
11 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
preview Launch preview deployment of this PR
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[UX/UI] Column / Table tabs on right side panel
5 participants