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鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

[vtadmin-web] Add DataCell component #7817

Merged

Conversation

doeg
Copy link
Contributor

@doeg doeg commented Apr 10, 2021

Signed-off-by: Sara Bee 855595+doeg@users.noreply.github.com

Description

A couple of straightforward styling changes that I keep re-implementing in my bigger branches. 馃槑 Figured I should just pull them out into their own thing:

  • Adds a DataCell component for consistent styling. (A separate component will make more sense when we do rowspan grouping... I admit right now it's kinda overkill, haha. But! Still convenient.)

  • Renders cluster as secondary text where it "makes sense", which is (for now) when the cardinality of clusters is << the cardinality of whatever the table is rendering. Every cluster has many tablets, for example, so a separate "cluster" column is quite redundant when every row on a page is for the same cluster. Some tables, though, only have one or two columns right now, and in those cases I left the "cluster" column as a space filler. :)

Before:
Screen Shot 2021-04-10 at 10 50 55 AM

After:
Screen Shot 2021-04-10 at 11 19 52 AM

Related Issue(s)

N/A

Checklist

  • Should this PR be backported? No
  • Tests were added or are not required
  • Documentation was added or is not required

Deployment Notes

N/A

Impacted Areas in Vitess

Components that this PR will affect:

  • Query Serving
  • VReplication
  • Cluster Management
  • Build/CI
  • VTAdmin

Signed-off-by: Sara Bee <855595+doeg@users.noreply.github.com>
Signed-off-by: Sara Bee <855595+doeg@users.noreply.github.com>
@doeg
Copy link
Contributor Author

doeg commented Apr 10, 2021

I had to sneak in a small change. 馃槉

@ajm188 ajm188 merged commit 3324fb2 into vitessio:master Apr 10, 2021
@doeg doeg deleted the sarabee-vtadmin-web-table-aesthetics branch April 10, 2021 20:04
@askdba askdba added the Component: VTAdmin VTadmin interface label Apr 13, 2021
@askdba askdba added this to the v11.0 milestone Apr 13, 2021
@ajm188 ajm188 added this to In progress in VTAdmin via automation May 21, 2021
@ajm188 ajm188 moved this from In progress to Done in VTAdmin May 21, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component: VTAdmin VTadmin interface
Projects
Development

Successfully merging this pull request may close these issues.

None yet

3 participants