search

decaf-dev / obsidian-vault-explorer

Explore your Obsidian vault in visual format
https://vaultexplorer.com
MIT License
91 stars 3 forks source link

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

Open Azona77 opened 1 month ago

Azona77 commented 1 month ago

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 commented 2 weeks ago

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 commented 2 weeks ago

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.