Skip to content

Css/expand line numbers column #149

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 2 commits into from
Dec 5, 2024
Merged

Conversation

ubidefeo
Copy link
Collaborator

@ubidefeo ubidefeo commented Dec 5, 2024

The line numbers column truncated above 3 digits, making it look like numbers after 999 wrapped back to 000.
Because of how the current layout is structured, making this column dynamic would require dynamic alignment of tabs based on the width of this column, so for now the fixed width has been expanded to 60px

Signed-off-by: ubi de feo <me@ubidefeo.com>
@ubidefeo ubidefeo requested a review from sebromero December 5, 2024 12:08
Copy link
Collaborator

@sebromero sebromero left a comment

Choose a reason for hiding this comment

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

Looks good as a quick fix. I tested it locally. Indeed there is afaik no way to achieve this only with CSS. Even if we would put the tab and the editor view in one column and the gutter + the empty space of the tab bar into one, they would align but the scrolling would be broken.

@ubidefeo
Copy link
Collaborator Author

ubidefeo commented Dec 5, 2024

yep, I tried a few ways.
definitely needs some layout rework at some point

@ubidefeo ubidefeo merged commit 6febfac into development Dec 5, 2024
1 check passed
@ubidefeo ubidefeo deleted the css/expand-line-numbers-column branch December 5, 2024 13:03
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
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy