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

CSS Issue: Link and Tag Text Overflowing Card Boundaries #318

Open
Azona77 opened this issue Aug 27, 2024 · 2 comments
Open

CSS Issue: Link and Tag Text Overflowing Card Boundaries #318

Azona77 opened this issue Aug 27, 2024 · 2 comments
Labels
bug Something isn't working

Comments

@Azona77
Copy link

Azona77 commented Aug 27, 2024

See image above, long links and tags (and properties) cause text to overflow the card boundaries in the Grid View. ( I modified the size of the card)
The following CSS could be applied to fix this:

.vault-explorer-stack,
.vault-explorer-tag,
.vault-explorer-wrap{
  overflow: hidden;
}

after:

@decaf-dev decaf-dev added the bug Something isn't working label Sep 9, 2024
@decaf-dev
Copy link
Owner

This is the grid view, correct? It seems like for some reason the grid isn't collapsing into 1 column. I have never seen it have 3 columns that small before.

Do you have a small screen size or have you resized one the leaf to be smaller?

@Azona77
Copy link
Author

Azona77 commented Sep 10, 2024

This is the grid view, correct? It seems like for some reason the grid isn't collapsing into 1 column. I have never seen it have 3 columns that small before.

Do you have a small screen size or have you resized one the leaf to be smaller?

I resized the width using CSS.

It would be better if overflow: hidden could be set as the default, to prevent issues when users use very long tags or links.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants