839551 - Add mobile review queue log page

Status: RESOLVED DUPLICATE of bug 839544

(Marketplace Graveyard :: Reviewer Tools, defect, P3)

Description

[Wil Clouser [:clouserw]]

This bug is about implementing https://bug834147.bugzilla.mozilla.org/attachment.cgi?id=707468 .

See bug 834147 for the original planning/discussion around this feature.  Bram Pitoyo is point of contact for design questions.  

Design notes are below
--------------------------------------------
This is a mockup that visualizes the mobile-optimized app review log page.

Notable features:

* Note the dark purple highlight on the “Logs” menu item of the navigation bar. This serves as a visual signpost, indicating the current page.

* The Filter form above the table has been refitted. We should have some sort of a roulette date selector (a la time selector) to make selecting for specific dates easier. Make sure that the blue value of the button style is the same as attachment 705749 [details].

* Sidebar: we seem to have two blue values for these buttons: one lighter than the other. Let’s pick one and make them the same across the site.

* the table header <thead> element is hidden.

* Every <td> element in the table has a ‘display: block;’ property. This sounds crazy, but it makes the content stacks vertically. It’s much easier to look at a long list on your smartphone when it’s ordered like this.

* App title has a font-size of 20px and font-weight of 300.

* The rest of the text has a font-size of 13px and line-height of 1.5. This is consistent to the rest of the site.

* Every odd <tr> element has a border-bottom: #d7d2c3. This will separate each table entry with a light brown border. This color value is used elsewhere on the site.

* When comment is shown, every even <tr> element has a light gray background-color: #f8f8f8, border-top: #fff, and border-bottom: #bcb6b1. Comment text has a font-size: 13px and a line-height: 1.5. This will give each comment a differentiating color, and a slightly darker brown bottom border to separate it from the next table entry.

* Finally, on the bottom of the page, you’ll see a row of <<, previous, next, >> buttons. This pagination element is exactly the same as what we had on attachment 705749 [details].

Comment 1

[Wil Clouser [:clouserw]]

Got a service unavailable when I originally tried to file this, so this is a dupe. :(