We will style the history page given Alex's mocks below.
= Design
| en | es
| {F28958063} | {F28604937 width=300}
= Acceptance criteria
[] The page looks like Alex's mocks!
[] new styles are scoped to AMC mode
[] The new styles are defined as a skinStyle on mediawiki.action.history.styles.less
= Developer notes
https://gerrit.wikimedia.org/r/500133 will provide you with the boilerplate to get started - it resets all the history styles that are not needed from desktop. All styles can be shipped in mediawiki.action.history.styles.less to avoid having to worry about other special pages.
There is one gotcha to be aware of in estimation:
* The HTML can contain invisible characters e.g. ‎ that can interrupt display block and inline block and cannot be hidden via CSS. You may need to use inline-block where block makes sense
Scoping these styles to AMC would be useful as it allows us to remove the mobile special history page in future.
=== Changes to be made
[ ] fix radio button bug - radio buttons don't hide/show correctly
[ ] form at top of page should be collapsed by default
[ ] hide blurb of instructional text at top of page
[ ] figure out what to do with "Change visibility of selected revisions" + "Select: All, None, Invert" buttons
[ ] ditch gray background highlighting - given our space constraints I don't think it's worth it, since in order to have a bg color you need to add margins so it doesn't look super weird
[ ] change class for "Compare selected revisions" button to `mw-ui-button mw-ui-primary mw-ui-progressive`
[ ] remove `border-radius: 5px` for "Compare selected revisions" button
[ ] remove `height: 50px` for "Compare selected revisions" button
[ ] remove button-y styles from "Undo" button and instead use `.mw-ui-button`
[ ] set font-size for "Undo" button to `0.75em`
= Sign off steps
[] Make sure regression T222394 has been resolved.