[wp-meta] [Making WordPress.org] #1825: Style handbook with new O2 design

[Making WordPress.org]

#1825: Style handbook with new O2 design
--------------------------------------+------------------
 Reporter:  chriscct7                 |       Owner:
     Type:  task                      |      Status:  new
 Priority:  high                      |   Milestone:
Component:  Make (Get Involved) / P2  |  Resolution:
 Keywords:                            |
--------------------------------------+------------------

Comment (by coffee2code):

 Replying to [comment:5 samuelsidler]:
 > I prefer the mocked up page-to-page navigation style to the current
 ones, but they're not that different, are they? Looks like a different
 arrow to my eye, but the rest seems to be the same.

 Between the mockup and the existing handbook navigation, yeah, the main
 difference appears to be the arrow.

 But I was referring to the page-to-page navigation style that is part of
 the p2-breathe theme. You can see it by editing the handbook nav links via
 browser dev tools to replace the `<nav class="handbook-navigation"
 role="navigation">` block with something like:

 {{{
 <nav class="navigation" role="navigation">
         <h1 class="screen-reader-text">Handbook navigation</h1>
         <p class="nav-older">
                 <a
 href="https://make.wordpress.org/meta/handbook/documentation/contributing-
 with-git/" rel="previous"><span class="meta-nav">←</span> Contributing
 With Git</a>
         </p>
         <p class="nav-newer">
                 <a
 href="https://make.wordpress.org/meta/handbook/documentation/feature-
 plugin-treatment/" rel="next">Feature Plugin Treatment <span class="meta-
 nav">→</span></a>
         </p>
 </nav>
 }}}

 It has a visible border above and between the nav links, and the nav links
 fill the full height (of their block) and 1/2 width of the main content
 div. See [attachment:1 the attached screenshot].

 I don't mind whatever style is used; just noting that p2-breathe already
 has styling for nav links (that we'd just need to change our output markup
 to match-- or copy the CSS rules to specifically apply to the handbook nav
 markup -- if we wish to take advantage of them).

--
Ticket URL: <https://meta.trac.wordpress.org/ticket/1825#comment:7>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org