Topic: [Feature] Make tags in sidebar look better

Posted under Site Bug Reports & Feature Requests

Requested feature overview description.
I'm bothered by the fact that tags in the tag box break lines. Can you change it so that instead of This the tags look like This ?

Why would it be useful?
It would make the tag list have a cleaner and more consistent visual design. Yes, some tags would be cut off, but you can solve that with some :hover CSS rules or a title attribute.

What part(s) of the site page(s) are affected?
When viewing a list of posts, post search results, viewing a post, etc. whenever the #tag-box is displayed.

I'm completely down for this being added. Add a tag cut off, hover CSS, and boom, tags look nicer.

Although, maybe there should be an option to toggle this feature or expand the tag list horizontally so that if a user so chooses, they can view every tag in its entirety.

bitWolfy

Former Staff

Yeah, funny thing about that request...

I made the tags cut away with an ellipsis in my script, exactly like you are suggesting: https://i.imgur.com/ZUK7rAD.png
It even shows the full text of the tag when you hover over it.

... and immediately, I got complaints from people who did not care whether the tag list lined up - they just wanted to see the full thing at a glance.
So, it's not that simple.

bitwolfy said:
they just wanted to see the full thing at a glance

That's their problem. Youtube also adds ellipsis to long titles. So does Facebook. Have a lot of browser tabs? Ellipsis. It's used everywhere, and for a good reason -> because more consistent design is more important. I'd argue that an average e621 user who only browses for porn doesn't care about a couple of long tags. Altho, if there's any doubt about it, we could always make a poll for it. And even if the "let's keep the ugly line breaking" wins, the way the lines break could still be improved to This

My 2c and a thought to add to the pot.

You can't hover on mobile.

Hmm, wonder what it would take to improve the wrapping. "Can't be that hard." is how this always starts.

delian said:
That's their problem. Youtube also adds ellipsis to long titles. So does Facebook.

Difference is, the tags are supposed to be useful as an at-a-glance guide, and don't have a lot of space to work with. As someone who edits tags, it's helpful to know if a post is tagged with specific tags like male_penetrating_female or anthro_penetrating_feral, but if looking at the tag list I only see things like male_penetratin... or anthro_penetrat... I would have to hover over them individually to see what's already there and what needs adding or changing, which is a lot more cumbersome.

delian said:
the way the lines break could still be improved to This

That's something I can get behind. I also found that removing the + - helps quite a few tags to no longer line-break (though some still do). Though since they serve a function, it's probably not possible to get rid of them (they only go away if there's no preexisting ?q=... search terms).

bitWolfy

Former Staff

delian said: And even if the "let's keep the ugly line breaking" wins, the way the lines break could still be improved to This

Sticking the post counter to the right also got complaints - apparently, it's more difficult to see which number corresponds to which tag. But that can be worked around.
Definitely an improvement overall, though.

watsit said:
That's something I can get behind. I also found that removing the + - helps quite a few tags to no longer line-break (though some still do). Though since they serve a function, it's probably not possible to get rid of them (they only go away if there's no preexisting ?q=... search terms).

I really hate those buttons. They are difficult to click, the way they are repeated makes list messy, and generally they are not terribly useful.
Some people vehemently disagree, of course.

kiranoot said:
My 2c and a thought to add to the pot.

You can't hover on mobile.

Hmm, wonder what it would take to improve the wrapping. "Can't be that hard." is how this always starts.

Could always just have it show the full tag on mobile instead of on hover :3
But yeah... turns out, making that thing look good is not easy.

kiranoot said:
Hmm, wonder what it would take to improve the wrapping. "Can't be that hard." is how this always starts.

It would take a flexbox. Or a grid I suppose.

watsit said:
the tags are supposed to be useful as an at-a-glance guide

That's a false assumption.

As someone who edits tags

Most people don't edit tags. And if you edit tags, then wouldn't you be looking at the Tags editor textbox anyway? If you're already editing post tags, then it's extremely unlikely that you'd be interested only in the tags with ellipsis, so saying that it would be more cumbersome is a moot point.

removing the + -

That's also one of the features I'd like to see added, but not relevant to this thread.

Updated

delian said:
That's a false assumption.

What makes you say that? Considering the way I use them leans in that pattern, and the complaints bitWolfy got are also from people wanting to easily glance and see the tags, it doesn't seem very false. Just because you don't doesn't mean no one does.

delian said:
Most people don't edit tags. And if you edit tags, then wouldn't you be looking at the Tags editor textbox anyway?

I don't edit tags unless I first see they need editing. The editor textbox won't be opened unless I've already seen something that's wrong or missing. And having them listed vertically helps me pick out what's actually there more quickly, rather than a run-on box that has various words separated by and _. The box is easier to type in, but not as good to skim through.

As NotUncommon said, why not make it a togglable choice? Perhaps, for easy toggling, the toggle could be an "Expand/Shrink Tags" button at the top and bottom of the tag list, perhaps linked to the user's individual settings. The starting default would be shrunk, but, upon clicking the button, the site would then automatically expand all tags on all posts to their present form. Click the button again, and you've got the neat and shrunk version on all posts again.

clawstripe said:
As NotUncommon said, why not make it a togglable choice?

Maybe. Though the fundamental issue, that longer tags look ugly with the way they currently line-break, could still do with addressing in a way that doesn't hide or cutoff part of the tags. If people still want a way to hide the end of tags instead of line-breaking after that, then sure. Though I'd say it should be off (show the full tags) by default, rather than cutting them off by default.

clawstripe said:
As NotUncommon said, why not make it a togglable choice? Perhaps, for easy toggling, the toggle could be an "Expand/Shrink Tags" button at the top and bottom of the tag list, perhaps linked to the user's individual settings. The starting default would be shrunk, but, upon clicking the button, the site would then automatically expand all tags on all posts to their present form. Click the button again, and you've got the neat and shrunk version on all posts again.

Lots of user configuration options are a nightmare to maintain. Storage for them becomes a problem at they grow and touch more areas of the site. Testing configurations also grows increasingly difficult with each additional option. This is why I have for the most part, tried to provide a base configuration, and encouraged people to provide ways of customizing the site through extensions as needed. It relieves me of the burden of supporting every possible configuration and doing forwards and backwards compatibility for settings.

  • 1