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

style(line-profile): table formatting for line metadata #568

Merged
merged 3 commits into from
Mar 10, 2024

Conversation

Tamir198
Copy link
Collaborator

@Tamir198 Tamir198 commented Mar 8, 2024

This is continue of #543

I changed the section where we display data on the line to look something like the table bellow regarding colors just to be consist.

image

@Tamir198 Tamir198 requested a review from NoamGaash as a code owner March 8, 2024 19:56
@Tamir198 Tamir198 changed the title Change line profille into table look :style Change line profille into table look Mar 8, 2024
@Tamir198 Tamir198 changed the title :style Change line profille into table look style: Change line profille into table look Mar 8, 2024
@Tamir198 Tamir198 changed the title style: Change line profille into table look style: Change line profile into table look Mar 8, 2024
Copy link
Member

@NoamGaash NoamGaash left a comment

Choose a reason for hiding this comment

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

Thanks! It looks amazing 👍

}

& .line-details {
height: 2rem;
Copy link
Member

Choose a reason for hiding this comment

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

That could be a problem when the lines are lengthy (especially on mobile devices).using line-height and padding would be better

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Updated the code and also checked on mobile (there the text is too big and the line will collapse and just take more space).

So now this is also fully mobile responsive.

Copy link
Member

Choose a reason for hiding this comment

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

Perfect!
image
Thanks
(Your PR is approved, you can merge it using the merge button)

@NoamGaash NoamGaash changed the title style: Change line profile into table look style(line-profile): Change line profile into table look Mar 10, 2024
@Tamir198 Tamir198 merged commit 9f66135 into main Mar 10, 2024
20 checks passed
@Tamir198 Tamir198 deleted the line-profile-tbale-details branch March 10, 2024 07:52
@NoamGaash NoamGaash changed the title style(line-profile): Change line profile into table look style(line-profile): table formatting for line metadata Mar 10, 2024
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.

2 participants