Topic: New e621 interface

Posted under General

lendrimujina said:
One problem I have is, I can no longer find the page to view comments on things I've uploaded.

That's the last button on the line at the top of where your Uploads are displayed (total - deleted - replaced - rejected - Comments).

Watsit

Privileged

lendrimujina said:
One problem I have is, I can no longer find the page to view comments on things I've uploaded.

On your profile page, on the right and under the About section, is a tab named "Comments". Clicking that brings you to the page for comments on your uploads.

lendrimujina said:
Oh... I thought that was a link to comments I've made. Thanks.

Nope, that one's the number beside "Comments" on the left panel of your profile.

Late reply here but skimming through some of the comments I see others noticed the only thing that immediately stood out to me as worse: the profile page seems to follow the "modern" design trend of taking more clicks to access what used to take less. In particular upload limit details having their own page is an example of that. I don't hate it, but I don't understand how that's an improvement vs an option to hide the details if people want a "clean" UI. Clean has become something of a dirty word for me for UIs, since it often means removing functionality and/or options. Ditto for "modern" which tends to mean "tuck things away to little icons all over the page rather than the interface being intuitive at a glance." That's not the case here of course, since the information is still there and not hidden behind vague icons and hovering over things, which seems to be the modern "improvement" so many things go for.

I appreciate people keeping this site going and making efforts to improve things. That one's just a bit puzzling to me. And the "more clicks to do the same thing" plague is far worse than this example in other UIs, of course. Microsoft's race to replace old settings windows with inferior new ones being a big offender. I'm impressed seeing the customization tip people are posting.

And, mercifully I haven't run into anything as obnoxious as the downright awful new trend of floating bars that outright waste screen space and get in the way of things.

It's easier to complain than notice good things. So the fact I mostly don't even think about the change is a compliment when it comes to usability.

Updated

zeorp said:
Late reply here but skimming through some of the comments I see others noticed the only thing that immediately stood out to me as worse: the profile page seems to follow the "modern" design trend of taking more clicks to access what used to take less. In particular upload limit details having their own page is an example of that. I don't hate it, but I don't understand how that's an improvement vs an option to hide the details if people want a "clean" UI. Clean has become something of a dirty word for me for UIs, since it often means removing functionality and/or options. Ditto for "modern" which tends to mean "tuck things away to little icons all over the page rather than the interface being intuitive at a glance." That's not the case here of course, since the information is still there and not hidden behind vague icons and hovering over things, which seems to be the modern "improvement" so many things go for.

the old upload limit breakdown was really confusing and hard to read and also it required tooltips to function so it was mostly useless on mobile. it makes more sense to just only display the <remaining>/<total> number and have the explanation of the equation separate.

Was it always a thing that if you click on an image that you have blacklisted (On the image's page the white box with the blacklisted word in the middle) it will open and ignore your list?

Other thing I noticed, the profile on the top right is also a link to your profile, if you right click and open in new tab it opens your profile, same deal with the middle mouse click opening new tabs for one click profile open option.

As a mobile user, the new look of tags on the page is definitely not a change I like looking at. Fills up the page with glaring, brightly colored buttons that mess with my eyes.

temp7 said:
As a mobile user, the new look of tags on the page is definitely not a change I like looking at. Fills up the page with glaring, brightly colored buttons that mess with my eyes.

Additionally, the lack of the (?) to take you to the wiki page is frustrating, and the horizontal, rather than vertical arrangement of the tags makes them significantly harder to navigate.

temp7 said:
Additionally, the lack of the (?) to take you to the wiki page is frustrating, and the horizontal, rather than vertical arrangement of the tags makes them significantly harder to navigate.

Adding to that, there is no "+" accompanying the tags. Making searching for specific images/content a hassle.

Seconding the above messages. Bring back the (?) and (+) buttons or this change will be considered an objective downgrade.

temp7 said:
Additionally, the lack of the (?) to take you to the wiki page is frustrating, and the horizontal, rather than vertical arrangement of the tags makes them significantly harder to navigate.

I must agree on this, the lack of those additional 'action' features and the new horizontal layout comes through as a little less intuitive in my opinion. Being unable to locate tags as quickly based on alphabetical order, or being unable to access the Wiki and add tags to a search seems a little odd (At least on mobile it seems impossible to do so). The brighter buttons, too, seem a bit bulky and even out of place with the stylizing of e621.
Probably something I could personally get used to, but I'll miss the actions besides the tags if it stays that way.

Other than that though, the new site layout's been looking great so far! Just thought I'd take this chance to say that here.

If I had a dollar for every UI change that made it look blockier today, I'd have two dollars. Which isn't much but its strange how it happened twice.

Yeah, could we have an option to opt out of the new tag designs completely? I'm really not a fan.

where are the +/- buttons in mobile view? I swear they were still there on the e926 change over the last week.

sawyerdj6 said:
Please I can barely navigate with the new tag system

Me too. Take me back. I want all the controll.
I want the ? + - . I liked the compact list. The new look is terrible. Now you have to look all over the place to find the tag. And even then its useless now.

Honestly i liked the list best.

Yeah, the tag change reeks of breaking something that already worked fine.

It s a bad change and I hope they revert it

vaughanwar said:
Doesn't seem to work.

Tried it myself

You do get the old functionally back, but it does nothing to change the fact that they turned the list into an unnavigable eyesore

Edit: well, it fixed it when looking at the images anyway

Doesn't do jack to fix the broken mess they caused to the search functionality

Not a fan of what's been done to the tags. The background colors for them clash far too much, plus I liked when they were stacked vertically. The tags/desc (and the other post actions) shrinking isn't a change that i'm a fan of either

colaymorak said:
You do get the old functionally back, but it does nothing to change the fact that they turned the list into an unnavigable eyesore

I'm working on a some css to revert the change/keep the tag list the same between both mobile and desktop.

I'm having to try to parse all of the css rules just by reading them, though since I've currently no computer to use, so it's a lot to look at.

Definitely not a fan of the new tags look. As others have mentioned, the +, -, and ? Are missing but it's also just harder to browse through the tags now.

dba_afish said:
.tag-list-inc should be the +/- buttons, make sure you included the starting .

Is that for the tag list in the browsing window, or the tag list when looking at an image?

Because they made those into two separate things now

I'm fine with the form of the buttons but the colors are way too vibrant and not having the + - ? buttons is horrible for navigation.

colaymorak said:
Is that for the tag list in the browsing window, or the tag list when looking at an image?

Because they made those into two separate things now

it's for both, the elements have the same classes on both pages.

hal_greaves said:
A reminder that feedback really does need to go here: https://coda.io/form/Share-Your-Feedback_dU9JQnoELGI

Otherwise we are very likely going to miss it.

Thank you.

Okay, why did you guys turn the tags into an eyesearing bubble of buttons, removing several bits of useful functionality in the process?

Like what was the thought process there?

And why did you break the functionality in the tag list in the favorites section too?

The new blacklist button means I have to click twice on things on mobile to get there. Also means I'll accidentally be adding things to my blacklist when I'm trying to use re621, for now at least.

dba_afish said:
it's for both, the elements have the same classes on both pages.

I was mistaken.

I had been checking the favourites page, and the tag list there hasn't received the new changes.

But it also doesn't have the +- buttons, so I assumed it was also broken by the new update

here's all of the desktop CSS for the tag list, pasting this all into your CSS should force it to look like this regardless of being in desktop or mobile.

lotta CSS rules
h5.tag-list-header,
ul.tag-list {
	font-size: .85rem
}

ul.tag-list {
	flex-flow: column;
	gap: 0;
	line-height: 1rem;
	margin: 0 -.5rem .25rem 0
}

ul.tag-list li {
	gap: 0;
	padding-right: 1rem
}

ul.tag-list li a {
	display: block;
	line-height: 1rem;
	padding: 0
}

ul.tag-list li.tag-general a,
ul.tag-list li.tag-general a:link,
ul.tag-list li.tag-general a:visited {
	background: unset;
	color: var(--color-tag-general)
}

ul.tag-list li.tag-general a:hover {
	background: unset;
	color: var(--color-tag-general-alt)
}

ul.tag-list li.tag-artist a,
ul.tag-list li.tag-artist a:link,
ul.tag-list li.tag-artist a:visited {
	background: unset;
	color: var(--color-tag-artist)
}

ul.tag-list li.tag-artist a:hover {
	background: unset;
	color: var(--color-tag-artist-alt)
}

ul.tag-list li.tag-contributor a,
ul.tag-list li.tag-contributor a:link,
ul.tag-list li.tag-contributor a:visited {
	background: unset;
	color: var(--color-tag-contributor)
}

ul.tag-list li.tag-contributor a:hover {
	background: unset;
	color: var(--color-tag-contributor-alt)
}

ul.tag-list li.tag-copyright a,
ul.tag-list li.tag-copyright a:link,
ul.tag-list li.tag-copyright a:visited {
	background: unset;
	color: var(--color-tag-copyright)
}

ul.tag-list li.tag-copyright a:hover {
	background: unset;
	color: var(--color-tag-copyright-alt)
}

ul.tag-list li.tag-character a,
ul.tag-list li.tag-character a:link,
ul.tag-list li.tag-character a:visited {
	background: unset;
	color: var(--color-tag-character)
}

ul.tag-list li.tag-character a:hover {
	background: unset;
	color: var(--color-tag-character-alt)
}

ul.tag-list li.tag-species a,
ul.tag-list li.tag-species a:link,
ul.tag-list li.tag-species a:visited {
	background: unset;
	color: var(--color-tag-species)
}

ul.tag-list li.tag-species a:hover {
	background: unset;
	color: var(--color-tag-species-alt)
}

ul.tag-list li.tag-invalid a,
ul.tag-list li.tag-invalid a:link,
ul.tag-list li.tag-invalid a:visited {
	background: unset;
	color: var(--color-tag-invalid)
}

ul.tag-list li.tag-invalid a:hover {
	background: unset;
	color: var(--color-tag-invalid-alt)
}

ul.tag-list li.tag-meta a,
ul.tag-list li.tag-meta a:link,
ul.tag-list li.tag-meta a:visited {
	background: unset;
	color: var(--color-tag-meta)
}

ul.tag-list li.tag-meta a:hover {
	background: unset;
	color: var(--color-tag-meta-alt)
}

ul.tag-list li.tag-lore a,
ul.tag-list li.tag-lore a:link,
ul.tag-list li.tag-lore a:visited {
	background: unset;
	color: var(--color-tag-lore)
}

ul.tag-list li.tag-lore a:hover {
	background: unset;
	color: var(--color-tag-lore-alt)
}

ul.tag-list li .tag-list-inc,
ul.tag-list li .tag-list-wiki {
	display: flex
}

ul.tag-list li .tag-list-search {
	border-radius: 0
}

ul.tag-list li .tag-list-search svg {
	color: var(--color-tag-artist)
}

ul.tag-list li .tag-list-search svg .check {
	color: var(--color-text)
}

ul.tag-list li .tag-list-count {
	color: var(--color-text-muted);
	font-size: .85em;
	margin: unset;
	padding: unset
}

ul.tag-list li .tag-list-actions {
	display: flex
}

ul.tag-list li.blacklisted,
ul.tag-list li:hover {
	padding-right: 0
}

ul.tag-list li.blacklisted .tag-list-quick-blacklist,
ul.tag-list li:hover .tag-list-quick-blacklist {
	display: flex
}

ul.tag-list li.blacklisted .tag-list-quick-blacklist svg {
	color: var(--color-text-muted)
}

ul.tag-list li.blacklisted .tag-list-quick-blacklist svg:hover {
	color: var(--color-link-hover)
}

ul.tag-list li.blacklisted .tag-list-quick-blacklist svg .line {
	color: transparent
}

temp7 said:
As a mobile user, the new look of tags on the page is definitely not a change I like looking at. Fills up the page with glaring, brightly colored buttons that mess with my eyes.

This^. At least for me the giant bubbly bright tags are obnoxious on my phone. Dont mind anything else.

snpthecat said:
That link doesn't work on my browser either

great, two of most vocal mobile users can't even use the feedback forms.

*SIGH* It's that time of year again.
See you in two weeks when it's "fixed," and happy April Fools.

mrmphtpthh said:
This does nothing for me

https://i.imgur.com/rXDQwjZ.png

edit: whoops meant to reply for the CSS post, and i realized thats meant for mobile i guess. sorry

hmm, it seems for some reason it's not displaying at all on your screen, does it work when you're on a private window (not logged in)?

dba_afish said:
hmm, it seems for some reason it's not displaying at all on your screen, does it work when you're on a private window (not logged in)?

what the, yea that does work. what could be the problem here?

mrmphtpthh said:
what the, yea that does work. what could be the problem here?

presumably there's something in your user CSS (or _maybe_ some other setting) that's causing this. it seems like the whole dang sidebar is missing, not just the tag list, too.

I'd start with checking your CSS for rules that effect .sidebar and then either removing or commenting them out (putting them between a /* and */, /*like this*/), and seeing if you can work out what's the cause.

or maybe even just comment out (or cut+pasting to notepad) your whole CSS sheet, so you know if that's what's causing it.

dba_afish said:
presumably there's something in your user CSS (or _maybe_ some other setting) that's causing this. it seems like the whole dang sidebar is missing, not just the tag list, too.

I'd start with checking your CSS for rules that effect .sidebar and then either removing or commenting them out (putting them between a /* and */, /*like this*/), and seeing if you can work out what's the cause.

I cleared my User CSS and have no CSS styler extensions installed at all. I have no clue what the issue is. I had tags just the other day

mrmphtpthh said:
I cleared my User CSS and have no CSS styler extensions installed at all. I have no clue what the issue is. I had tags just the other day

hmmmmm... so it works fine when you're logged out, but not when you're logged in, and it's not caused by user CSS... so either it is some other setting on your use profile or something else is happening to make it not show up...

uhhh... blacklist?

dba_afish said:
hmmmmm... so it works fine when you're logged out, but not when you're logged in, and it's not caused by user CSS... so either it is some other setting on your use profile or something else is happening to make it not show up...

I still don't have them when signed out. They only show up again when in a private window..

Currently your favorites doesn't have +- for tagging, and the favorite hotkey is busted. Pressing it does not favorite the post.

dba_afish said:
oh, ad-blocker?

Tried that too, nothing. Also don't see how my blacklist would affect anything. I'm really at a loss here :/
Am I really going to have to use another browser just for e621??

mrmphtpthh said:
Tried that too, nothing. Also don't see how my blacklist would affect anything. I'm really at a loss here :/

I was thinking that somehow the blacklist might've been bugged somehow and it just ate the entire sidebar container. but if it's happening when you're logged out, on a non-private window it has to be some weird cookie/setting stored on your browser itself that's causing this.

maybe one of the things in themes, the sticky searchbar or something?

dba_afish said:
I was thinking that somehow the blacklist might've been bugged somehow and it just ate the entire sidebar container. but if it's happening when you're logged out, on a non-private window it has to be some weird cookie/setting stored on your browser itself that's causing this.

Ok yea, I cleared my e621 cookies and now it's fixed. I'm still baffled what in the hell happened to make that a thing in the first place but I guess its fine now

mrmphtpthh said:
Ok yea, I cleared my e621 cookies and now it's fixed. I'm still baffled what in the hell happened to make that a thing in the first place but I guess its fine now

the only thing I can think of is that some setting in themes got a value changed or something and it caused the whole sidebar to be hidded all the time after the update. some... how?

As others have mentioned the +- for tags is missing completely. That was one of the main things that made this site better than the other ones and now it's just straight gone.

hal_greaves said:
A reminder that feedback really does need to go here: https://coda.io/form/Share-Your-Feedback_dU9JQnoELGI

Otherwise we are very likely going to miss it.

Thank you.

For those that have issues with this (like I did on Firefox on my smartphone):
Set your browser to desktop mode. It should hopefully work then.

But yeah, the tags are an eyesore now and it seems that changing the CSS also changed my set posts per page amount to 25 (one of the available options now) instead of my previous 72, which worked very well in horizontal view. Now I have 75 which leaves an awkward hole at the end of the page as if a post got filtered out by my blacklist.
Not a great change at all IMHO.

carbohybrid said:
For those that have issues with this (like I did on Firefox on my smartphone):
Set your browser to desktop mode. It should hopefully work then.

But yeah, the tags are an eyesore now and it seems that changing the CSS also changed my set posts per page amount to 25 (one of the available options now) instead of my previous 72, which worked very well in horizontal view. Now I have 75 which leaves an awkward hole at the end of the page as if a post got filtered out by my blacklist.
Not a great change at all IMHO.

hey, look who's been vindicated!

I'm quite curious who came up with the idea to change the tags like this. specifically the removal of the - + ? buttons. the color change I can understand to a degree, even if they're way to bright. But removing decently used features?, that just seems pointless. Maybe to save on server load time but eh, not sure how that all works.

carbohybrid said:
For those that have issues with this (like I did on Firefox on my smartphone):
Set your browser to desktop mode. It should hopefully work then.

But yeah, the tags are an eyesore now and it seems that changing the CSS also changed my set posts per page amount to 25 (one of the available options now) instead of my previous 72, which worked very well in horizontal view. Now I have 75 which leaves an awkward hole at the end of the page as if a post got filtered out by my blacklist.
Not a great change at all IMHO.

super jank way of fixing this issue:

  • go into settings
  • scroll to the posts per page option
  • right-click on the dropdown menu and click "Inspect element"
  • in the little html window that opens, click the little > triangle thing to expand the element's html
  • there should be a bunch of elements labled <option value="##">##</option>
  • in one of the options change the both of the numbers shown to 72
  • back in the main window left-click on the dropdown and select "72"
  • click "Save Settings"

(yes, you _will_ have to do this every time you change your settings)

dba_afish said:
hey, look who's been vindicated!

Yup. Especially since on mobile in vertical you have 3 posts per row (first number it works on is 75 without being awkward) or 4 in horizontal mode (50 would work but is too less for me). So 72 worked for me fine (is also divisible by 3 AND 4 so flush either way) until now.
Seems like it was left over until changes were made to the settings.

remnantlife1161 said:
I'm quite curious who came up with the idea to change the tags like this. specifically the removal of the - + ? buttons. the color change I can understand to a degree, even if they're way to bright. But removing decently used features?, that just seems pointless. Maybe to save on server load time but eh, not sure how that all works.

I don't really like the new look of them anyway (it now looks way too busy and unorganized imo) and the removal of the genuinely useful features is quite strange. hope devs add them back soon.

remnantlife1161 said:
I'm quite curious who came up with the idea to change the tags like this. specifically the removal of the - + ? buttons. the color change I can understand to a degree, even if they're way to bright. But removing decently used features?, that just seems pointless. Maybe to save on server load time but eh, not sure how that all works.

the elements are all still there so nothings changed on the server end at all really, they're just display: none'd on mobile for... some reason.

fappy727 said:
I don't really like the new look of them anyway (it now looks way too busy and unorganized imo) and the removal of the genuinely useful features is quite strange. hope devs add them back soon.

#forum_post_445352

dba_afish said:
super jank way of fixing this issue:

  • go into settings
  • scroll to the posts per page option
  • right-click on the dropdown menu and click "Inspect element"
  • in the little html window that opens, click the little > triangle thing to expand the element's html
  • there should be a bunch of elements labled <option value="##">##</option>
  • in one of the options change the both of the numbers shown to 72
  • back in the main window left-click on the dropdown and select "72"
  • click "Save Settings"

(yes, you _will_ have to do this every time you change your settings)

That works perfectly, thank you very much. Won't touch my settings then (or if I do I will do this again). Funnily enough, it shows 25 as the option after saving but I counted and it is 72.

I like the update, it makes the buttons that you're more likely to use bigger and the tags are also bigger so you're not gonna click the wrong tag with them being on the same line. I guess the colors could be less bright but it doesn't bother me personally.
I also like that I don't have to scroll down as far anymore

It does seems weird to remove the +- but it's not like it can't be undone

Sorry for a non-constructive empty shout, but have UI designers world-wide woken up from some winter slumber and they now need to change stuff for no reason? Discord has recently rolled out a pointless makeover on desktop (while making the mobile app more unusable than ever), e621 just got this wanna-be-mainstream tag list rework that removes functionality and navigability, and apparently Spotify has changed too.
If something ought to be fixed, reworked, or improved, go ahead, but this isn't the way.

helloanonmyoldfriend said:
Sorry for a non-constructive empty shout, but have UI designers world-wide woken up from some winter slumber and they now need to change stuff for no reason? Discord has recently rolled out a pointless makeover on desktop (while making the mobile app more unusable than ever), e621 just got this wanna-be-mainstream tag list rework that removes functionality and navigability, and apparently Spotify has changed too.
If something ought to be fixed, reworked, or improved, go ahead, but this isn't the way.

I think I understand the reason for it here, on mobile especially on relatively smaller screens, it's really easy for your taps to be registered slightly away from where you intended, most often a bit above or below where you were aiming. with having a big list of items that are stacked top to bottom sometimes it becomes really easy click the wrong one. making the buttons bigger, highliging the entire clickbox, and situating them so they're not just stacked horizontally aliviates the problem somewhat.

that all being said, I still think it looks ugly as sin and disabled it immediately.