New responsive Activity page

Question

Update 2 - December 8, 2021: We’ve shipped a bunch of refinements over the last 24 hours or so. We’re going through the bugs and design requests and marking them with the proper tags. There’s a lot here, so it’ll take us a minute. We’ve done the following to address your design feedback in the near term:

1. Switched to the smaller version of questions / answers from the Profile page, thus changing the font size.
2. Reduced the padding on individual items while maintaining this newer aesthetic.
3. Grouped questions, answers, tags, and reputation as columns again.
4. Upstreamed a smaller font size to our design system’s post summary component.
5. Various smaller visual refinements.

Update 1 - December 7, 2021: This was rolled out on Stack Overflow and all Stack Exchange network sites.

After receiving and incorporating feedback the community (thank you!) we’ve launched the responsive Activity page! The most common feedback we received was that we’re straying too far from a summary for the summary view. This feedback was not only valuable but also correct!

We reconsidered the value of information shown on post summaries and condensed them significantly from our initial redesign. We also made tons of little tweaks and fixes along the way. We’ll be triaging bug reports as they come and we know there’s still room for improvements, so suggestions are welcomed and encouraged! Thank you in advance!

---

Original post - November 19, 2021:

In our continued effort to deprecate our mobile views, we’ve turned our attention to the Activity page. We’re planning on shipping the changes next week sometime soon and wanted to show it off first.

Check out this 5 minute tour of the Activity page and let us know what you think. The feedback we’ve received so far has been invaluable, not only in identifying bugs, but also in helping us reflect and be thoughtful about the changes we’re making.

What’s new?

Horizontal navigation turns vertical

The navigation includes all the same items but is now placed vertically to the left of the column of sections to fix moments like this. It’ll allow us to add more functionality in the future without breaking the layout or introducing any wrapping.

Two columns become one

The most obvious change might be the switch to a single column for Activity sections. All of the same (and a little additional) information is here, but now it’s within a single column that squishes comfortably all sorts of browser widths.

Post summaries

We’ve switched post summaries to use the post summary component in our design system. In the process, we’ve added more details about each post such as views, answer counts, tags, and an answer excerpt on answers. This component has been designed to be responsive and show information in a compact but digestible format.

Summary stays on “Summary”

Quick reference information will only be shown on the Summary page (which is the base Activity page). It made sense to show “Summary” on Summary and to not show it elsewhere. Less stuff to scroll past to get to the stuff you want to on other Activity pages.

A handful of other changes

In this process, a lot of little things were tweaked and polished. This includes empty states, improvements to the reputation changes view, accessibility improvements, and much more. No functionality has been lost so if you find anything broken, missing, or out of place, please let us know. We appreciate it!

Answer 1

bug status-completed

The badge icon is out of place on the "next badge" progress.

^{Image from my Code Review account.}

Answer 2

feature-request status-completed

Can we please have a way to see votes on recent questions in the summary tab?

It's much more convenient to get an overview of activity on our recent questions.

Using Windows 10, Firefox 94.0.2 (64-bit), 1920x1080, rev 2021.12.7.40921.

Answer 3

bug status-completed

There's something wrong with the 'Follow post' functionality, even after the fix. Staff can check my followed posts on RPG.SE; on the Summary tab there's just one question:

while the Following tab has four posts:

Initial version

The 'Follow post' functionality is FUBAR. The list on the Summary tab is not showing entries which are shown on the Following tab, and unfollowing posts from the 'Following' tab doesn't work; the button text updates from 'Unfollow' to 'Follow' but the entry is still there when I reload the page.

I then tried to unfollow it from the Summary tab. That works, at least when I refresh the page, it's gone, but I can still see it on the 'Following' tab. When I went to the question itself, the link said 'Follow', and now that I clicked that, I'm following it twice (note the lack of body for the bottom entry):

Answer 4

bug status-completed

On the reputation page:

Downvotes are supposed to be red, not green!

Answer 5

bug status-completed

In profile, rep +2 for Wiki Tag Edit does not show text:

Answer 6

bug status-completed

Negative reputation changes show as "+-[x]" instead of as "-[x]"

If I incurred a negative reputation change from a post, that used to only show as "-[x]" in my reputation log. However, it's now showing as "+-[x]".

I think the system is pulling in the negative number from the change and putting a plus sign in front of it regardless.

Answer 7

bug status-completed

In the Profile / Reputation when fully expanded "pretty" word is used instead of expected space:

Answer 8

feature-request

The only useful link in the review history is tiny

Now that this issue is fixed, the only part of the review history item that anyone would ever want to click on is a tiny link in the upper left (that doesn't even look like a link.

Compare the sizes of the click targets:

I can't see why anyone would ever want to go to the post that a review item is for, so the relative size of the click targets here doesn't really make sense. Ideally, the entire thing (or at least most of the space) should link to the review item, since the review item itself also links to the post.

My use case for this page is clicking a large number of these open into new tabs in order to write up flags for reviewers who are reviewing incorrectly (examples). The fact that they are so much bulkier (requiring more scrolling and keeping my place in a long list) and the only useful click target is now smaller makes an already thankless and tedious task even more tedious.

Answer 9

bug status-completed

Answer text shows HTML escapes such as ", >, etc.

Answer 10

bug design status-completed

MathJax wraps awkwardly on the activity page

On math.se, certain titles involving MathJax get wrapped strangely on the new activity page. Here's a screenshot from the comments section of my activity page to demonstrate what I meant:

These MathJax expressions shouldn't take up three or more lines by themselves.

Reproduction details: screenshot produced on Chrome 96.0.4664.45 running on Windows 10.

Answer 11

bug status-completed

When switching to "track a tag badge instead", pressing the gear doesn't let you choose another badge. Reloading the page fixes it.
And those 2 gear icons look misaligned.

Bonus: the tooltip exceeds its bubble.

---

And this doesn't look good, either.

Answer 12

bug status-completed

I'm not seeing any vote counts in the "questions" and "answers" section, just "votes" without any number in front of it. Here's a screenshot from my question section:

(OS: Win 10, Browser: Firefox 94.0.2 (64-bit))

Answer 13

bug duplicate status-planned

When I go to my Reputation / Post page to show my recent reputation changes by posting, no posts are displayed:

Instead, an enormous amount of whitespace is displayed, with some numbers and dates. Before, I would also see posts with recent votes. Now I must click, and click, and click some more to see what posts got voted up or down. Before, the page showed the information that I needed and expected. Now, it shows whitespace, and not much else. Maybe appropriate on a phone, but I'm not writing answers on a phone. Given my history of tendonitis and RSI injuries, this added burden of multiple picks is painful both literally and metaphorically.

The same problem exists on the Reputation / Time page, though perhaps that's defensible since it does at least show dates (but not times):

If the design is supposed to be responsive, why not adapt to the larger screen space that desktop users have, rather than making us click and click and click some more to get information that was previously available at a glance?

Please try to reduce the burden of screen picks so that it's no worse than before.

(Not sure if this is a bug or feature request or what. In the fields where I've worked, increasing the number of picks required of users without strong justification would be a considered a regression.)

Answer 14

bug / support reputation status-completed

I'm not sure exactly what these green bars are meant to represent on the ?tab=topactivity/?tab=summary tabs:

This looks like it's meant to preview what the Graph portion of the Reputation page does, but without any timestamps/labels, these green bars don't really indicate much of anything. It feels like the preview is too zoomed-in or the flex--item w100 class divs are cut off in some fashion.

Could you clarify if this is a bug?

Answer 15

bug status-planned

The answers section in the summary shows all answers as being accepted even if they're not.

Answer 16

bug status-planned

There's something wrong with the 'track your next tag badge' functionality. The popup shows but the list is empty for the 'Available' tab:

and, as @Werner notes, the other tabs show regular badges, not tag badges:

(This could be limited to users which have already access to the full list of privileges.)

Answer 17

bug design status-completed

Summary Overflow™ in tooltip description of "people reached"

I'll...let the image describe itself:

To describe, the text for the "people reached" tooltip extends beyond the speech bubble.

Answer 18

bug status-planned

Wrong pluralization: "1 answers"

Answer 19

bug

Perhaps the inverse of Choosing a new tag badge to track is not possible - I've just earned a regular badge on Worldbuilding SE:

but when I click 'Track the next one' all I see are tag badges:

When I click a badge, it tries to save my choice with a POST call (relevant part below):

curl 'https://worldbuilding.stackexchange.com/users/activity/next-badge-popup/save' -X POST 'fkey=...&badgeDatabaseName=technology&isTagBadge=true'

but the call silently fails and returns the 'Reputation' widget:

After clicking 'Let us pick', the situation reverted back to normal. This was not just a one-off; this morning I was able to reproduce it on UX.SE.

Answer 20

bug

If there's a huge word in the title of a question, please show at least part of the word to avoid wasting space. This happens in portrait mode in mobile.

This is how the title is displayed in landscape:

Answer 21

bug status-planned

It looks mostly good except some users (example) on mobile have this mess in their profile, (plus the popups expand right, creating a scroll bar):

(There are a variety of privileges that trigger this.)

Answer 22

I think it's great to have responsive profile and activity pages! But I wish you would prioritize the pages that currently just don't work at all on a small screen. Please don't see this as a negative comment, I'm very appreciative of the effort you guys put into the platform.

1. When there's an edit suggestion for a question, clicking on the "Edit" link brings up a dialog box to review the edit. This box stretches outside of the screen, there is no way to scroll to see the left portion of this box.

2. When editing the list of duplicates of a closed question, it is again a dialog box that stretches outside of the screen. This time it is impossible to reach any of the buttons on this dialog box.

I need to disable responsiveness to do either of these activities on my phone. With a non-responsive page, I can at least zoom and scroll my way around to accomplish these tasks. But of course it's a frustrating experience.

Answer 23

feature-request

In some tabs (e.g. Revisions and responses) the timestamp is almost isolated far on the right. While this makes sense in some Q&A tabs because it aligns with the tags it could make more sense in other tabs to group it at the top with the other info. This would make the view more compact and allow for better use of vertical space by removing an almost empty line.

Answer 24

feature-request

On the "revisions" page each revision starts with "revised". Why is that necessary? Isn't that a little bit obvious, since you know, this is on the "revisions" page?

Please remove that unnecessary heading, which will condense the page.

---

Previously, when you tried to expand revisions too quickly, you got annoying red popup telling you to wait because of the rate limit. It has been super annoying and I am glad it's gone. Now when you open them too fast, the content just says "Request failed". It's not very informative and it looks like this is the actual content of the edit.

Answer 25

bug status-norepro

Changes from votes that don't affect reputation (capped votes, community wiki votes) no longer show in the reputation history

It seems that reputation changes from votes that did not affect your reputation (votes you received after hitting the daily reputation cap as well as all votes from community wiki posts) aren't shown in the Reputation tab anymore.

This was the only way to know when others voted on our own community wiki posts, as these changes didn't show up anywhere else. Now, it's no longer possible to see a history of when people voted on all of our own community wiki posts.

Also, entries of votes that didn't count toward our reputation because it hit the cap don't show in the log anymore either. I still found these useful, because it let us know that we were receiving votes and why or why not some votes counted and not others. Having these entries visible made it a lot easier to distill info and give answers to users asking meta questions with screenshots of their history.

It also made it easier to track persistent cases of serial voting when one had already reached the cap or was close to reaching it: if one receives serial upvotes and has already hit or was close to hitting the cap, only a small amount (or none) of the votes will be shown, making it confusing why the voting was reversed, and harder to report those cases which weren't auto-reversed.

The /reputation audit page shows capped votes that didn't count toward rep, but doesn't show voting on community wiki posts. This page is unlinked, though, and I don't want to have to repeatedly go there to see if all my rep is legitimately gained.

Answer 26

status-completed

In the reputation history, do we really need to duplicate the date in the entries themselves? I feel like some vertical space can be saved here.

Answer 27

bug duplicate status-completed

Sorting Questions by Views no longer actually shows the views for each question.

This is a big regression and hurts the usability of the sort-by-views feature.

Answer 28

bug status-deferred

When I click the gear to track a different badge, the layout changes from 2 columns to one column, moving the "next badge" block under "newest" for a moment.

UPDATE

And now is even worse, the medal is quite outside of its border:

Answer 29

bug duplicate status-completed

Adding this as the goal was to have a responsive design.

The select next tag badge/select next badge modal is not responsive on smaller screens. I can only select the badges from middle column. I suggest at least having a horizontal scroll here if not able to make it selectable on mobile devices.

Answer 30

bug status-completed

Attempting to expand reputation history entries for specific posts expands the wrong one, or outright fails

When I try to expand the entries for specific posts on a given day (e.g. to see when the votes took place and how many downvotes there are), it either expands the top one always, or outright doesn't expand.

Steps to reproduce:

1. Go to my reputation history page.

2. Scroll to December 7, 2021 (if that date has passed) and expand that date entry.

3. Expand the second or lower entry in that list. It will get stuck with a loading bubble that always appears right below the first entry:

   

4. Refresh the page. Expand the December 7 entry again.

5. Expand and collapse the top entry. It works fine.

6. Attempt to expand the second or any below entry. The top one will be expanded even though you clicked on a different one:

   

Notice that the entry you clicked on will have its arrow show as expanded, and not the first one. Clicking the circled arrow to collapse will collapse the top one.

Tested with all user scripts disabled.