Last modified: 2012-08-04 21:11:08 UTC

Wikimedia Bugzilla is closed!

Wikimedia migrated from Bugzilla to Phabricator. Bug reports are handled in Wikimedia Phabricator.
This static website is read-only and for historical purposes. It is not possible to log in and except for displaying bug reports and their history, links might be broken. See T38188, the corresponding Phabricator task for complete and up-to-date bug report information.
Bug 36188 - Article Feedback Page Layout and "Look and Feel" Tweaks
Article Feedback Page Layout and "Look and Feel" Tweaks
Status: RESOLVED FIXED
Product: MediaWiki extensions
Classification: Unclassified
ArticleFeedbackv5 (Other open bugs)
unspecified
All All
: Normal normal (vote)
: ---
Assigned To: Yoni Shostak
:
Depends on:
Blocks: 39043
  Show dependency treegraph
 
Reported: 2012-04-23 23:54 UTC by Fabrice Florin
Modified: 2012-08-04 21:11 UTC (History)
4 users (show)

See Also:
Web browser: ---
Mobile Platform: ---
Assignee Huggle Beta Tester: ---


Attachments
AFT5 Tool Panel 'Unrequest Oversight' Line Wrap-around Bug (Firefox) (190.15 KB, image/png)
2012-04-23 23:56 UTC, Fabrice Florin
Details

Description Fabrice Florin 2012-04-23 23:54:22 UTC
Please switch 'Sort by' with 'Showing' in the toolbar, as outlined in the feedback page requirements:
http://www.mediawiki.org/wiki/Article_feedback/Version_5/Feature_Requirements#Feedback_Page_for_Editors

Also, please change the wording of the Relevance filter to say "Most Relevant' instead of 'Relevant' in the drop-down menu.

Lastly, we need to make the tools panel wider in the right sidebar, because the words 'Unrequest Oversight' cause that function to wrap up into two lines, as shown in the attached screenshot (Firefox).
Comment 1 Fabrice Florin 2012-04-23 23:56:12 UTC
Created attachment 10454 [details]
AFT5 Tool Panel 'Unrequest Oversight' Line Wrap-around Bug (Firefox)
Comment 2 Fabrice Florin 2012-04-24 00:07:14 UTC
A couple other presentational issues of the feedback page:

* Instead of saying 'View article revision', let's say '(see old article)' in small text font next to the time stamp, as shown on our feature requirements page (2nd post from the top):
http://www.mediawiki.org/wiki/Article_feedback/Version_5/Feature_Requirements#Feedback_Page_for_Editors

* Would it be possible to make the 'Featured' and 'Resolved' labels be right-aligned?

* When displaying a gray mask for hidden posts, can we add a text link called "View contents >>" after the words "This post was hidden by an authorized editor?" (this would cause the gray mask to reveal its contents to authorized users, in the same way as if they had clicked on the gray mask). It's particularly important to make this work on the permalink page, so an editor that hasn't been trained knows they can click on the gray mask to reveal its contents).

* On the permalink page, let's replace the wording "Go to feedback list' with "View feedback page" -- also, make the font size at least 2-3 points larger (the equivalent of 16 and 18 points) and add 2-3 pixels of white space above it, so it stands out more.

Feel free to break out these requests into separate tickets, as needed. They all seem presentational to me, so I thought they could be done by one person in one work session, but I defer to you  on actual implementation. Thanks.
Comment 3 Elizabeth M Smith 2012-04-24 15:41:58 UTC
Most of these changes have been made and are pushed to omniti - still remaining are the red view contents marker on the masked area and right aligning resolved and featured labels
Comment 4 Fabrice Florin 2012-04-24 21:32:53 UTC
Thanks, guys!

I appreciate all the changes you have made so far.

The items that now remain are:

* make the 'Featured' and 'Resolved' labels be right-aligned (Brandon suggested we create a third, middle column between the comments on the left and the tools on the right, to list both labels, as well as the link to the old article and 'Flag this post')

*  add a text pseudo-link called "View contents >>" after the words "This post was hidden by an authorized editor"

... and this new request:

* Remove the line "This is a prototype. Please do not use it unless you have been invited to." below the title.

Thanks!
Comment 5 Fabrice Florin 2012-04-25 08:52:49 UTC
Here are few minor copy or layout tweaks, please:

* Let's add more spacing between 'Showing' and 'Sort by' -- about the same distance as between 'x feedback posts' and '85% found what they were looking for' in the line above.

* Let's say 'Helpfulness' instead of 'Helpful' in the 'Sort by' section

* Let's only have a couple spaces between the timestamp of a post and '(see old article)', so they are closer together (instead of the current tab-like separation)

* Use a green color (instead of red) for all the activity notices which have a 'positive' outcome (e.g. un-mark as resolved, un-hide, decline oversight, un-oversight). Also, is it possible to not display these 'positive' notices on the main feedback page at all? (only in the activity logs)

* Add horizontal gray dividers between tool panel sections, as shown on this mockup:
http://www.mediawiki.org/wiki/Article_feedback/Version_5/Feature_Requirements#Feedback_Page_for_Editors

Feel free to open up separate Bugzilla tickets, as needed, if any of these requests are complex enough to warrant it.
Comment 6 Yoni Shostak 2012-04-25 14:06:05 UTC
Prototype notification line is to be removed. All other requests from 2012-04-25 are scheduled for the next release.
Comment 7 Fabrice Florin 2012-04-25 16:48:54 UTC
Thanks, Yoni.

Let's aim to implement the easy changes in coming days.

Also, I want to clarify that the 'View contents >>' request from 4-24 above should not be 'red' as suggested by Elizabeth above, but should be blue, as if it were a link.

Much appreciated.


Fabrice
Comment 8 Ryan Kaldari 2012-04-26 22:55:12 UTC
Padding for the feedback text needs to be fixed. Right now it flows underneath the tools panel so you can't read all of it.

To fix this, change...
.articleFeedbackv5-feedback blockquote {
padding: 0 180px 0 0;

to...
.articleFeedbackv5-feedback blockquote {
padding: 0 210px 0 0;
Comment 9 Fabrice Florin 2012-04-27 01:04:24 UTC
Thanks, Kaldari, that's a great suggestion!

Yoni, would you like us to open up a separate ticket for this comment text issue, or is this fine to include it on this ticket?

Also, here are a few more simple presentational issues that have come up based on today's feedback:

* Add a gray neutral face icon before posts where the person did not answer whether or not they found what they were looking for (Heather already sent that icon to Reha and Elizabeth, but I can resend it if you like).

* Number of feedback posts at the top of the page should have a comma when exceeding 1,000 posts (1,060 posts instead of 1060 posts) -- when we do the internationalization, we can turn this into a a context-sensitive setting for U.S. users only.

* Link username/IP link to their talk page if they don't have a user page but have a talk page (instead of linking to their contribution page, which should be the last resort). So the logic should be as follows:
- if the user has filled in their profile, link there; 
- if the user has not filled in their profile, but have an active talk page, link there; 
- if the user has not filled in their profile or have an active talk page,  link to their contribution page

Again, please let me know if you would like me to open up separate Bugzilla tickets for any of these requests, if you think they are complex enough to warrant it.
Comment 10 Fabrice Florin 2012-05-02 17:48:31 UTC
For this ticket, here are some requests that are higher priority than the other presentational tweaks listed above:

- add a text pseudo-link called "View contents >>" after the words "This post was hidden by an authorized editor"

- add horizontal gray dividers between tool panel sections

- add a gray neutral face icon before posts where the person did not answer
Comment 11 Matthias Mullie 2012-05-03 17:34:07 UTC
- add a text pseudo-link called "View contents >>" after the words "This post
was hidden by an authorized editor"
code pushed to omniti branch & on gerrit: https://gerrit.wikimedia.org/r/6536

- add horizontal gray dividers between tool panel sections
code pushed to omniti branch & on gerrit: https://gerrit.wikimedia.org/r/6537
Comment 12 Reha Sterbin 2012-05-10 03:22:26 UTC
Fixed and submitted to gerrit:

https://gerrit.wikimedia.org/r/7151

Note You need to log in before you can comment on or make changes to this bug.


Navigation
Links