Skip to content

🪟 🧹 Stream details panel text cols should be equal width #21810

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

Merged
merged 10 commits into from
Jan 30, 2023

Conversation

dizel852
Copy link
Contributor

@dizel852 dizel852 commented Jan 24, 2023

What

Resolves #20454

UPD: I've updated the PR since the first implementation wasn't satisfied the requirements.

https://www.loom.com/share/6e9c63f8ab3541f7a9201d6bc2428171

How

Set range width for text cells(Source and Destination field names).
For other cells - set min-width: why not static width? - it looks nicer when we zoom out.

@octavia-squidington-iv octavia-squidington-iv added the area/frontend Related to the Airbyte webapp label Jan 24, 2023
@dizel852 dizel852 self-assigned this Jan 24, 2023
Copy link
Contributor

@YatsukBogdan1 YatsukBogdan1 left a comment

Choose a reason for hiding this comment

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

tested locally. looks good to me

@dizel852 dizel852 requested review from edmundito and removed request for m19berger January 25, 2023 14:43
@edmundito edmundito requested a review from joeykmh January 25, 2023 20:59
Copy link
Contributor

@edmundito edmundito left a comment

Choose a reason for hiding this comment

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

Looking really good, just one more change for long data types...

}

.dataTypeCell {
@extend %bodyCell;

width: $cell-fixed-width;
Copy link
Contributor

@edmundito edmundito Jan 27, 2023

Choose a reason for hiding this comment

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

The data type cell should maybe have a min-width and max-width. The max width should be up to 200px or so to fit the new data types introduced in #21757 (notably Timestamp With Timezone)

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Double-checked: if 100px is not enough - the cell will grow to fit the content
image

@dizel852 dizel852 merged commit 09421ce into master Jan 30, 2023
@dizel852 dizel852 deleted the vlad/20454-cell-equal-width-stream-details-table branch January 30, 2023 12:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/frontend Related to the Airbyte webapp team/platform-move
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Stream details panel text cols should be equal width
4 participants