[wp-meta] [Making WordPress.org] #2347: REST API handbook: move ToC out of the way

[Making WordPress.org]

#2347: REST API handbook: move ToC out of the way
-----------------------+-----------------
 Reporter:  jnylen0    |      Owner:
     Type:  defect     |     Status:  new
 Priority:  normal     |  Milestone:
Component:  Handbooks  |   Keywords:
-----------------------+-----------------
 The REST API handbook needs some special CSS rules for the table of
 contents on the Reference pages.  This should not be in the way of the
 reference tables.  The problem is most obvious at smaller screen widths -
 for example:

  [[Image(https://nylen.io/rest-api-reference-posts-before-css.png,
 679px)]]

 Here's some CSS that helps:

 {{{#!css
 #main.rest-api-handbook .table-of-contents {
     float: none;
     overflow: hidden;
     width: 100%;
     margin: 0 auto 1em;
     clear: both;
 }

 #main.rest-api-handbook .table-of-contents ul.items li ul li {
     display: inline;
 }

 #main.rest-api-handbook .table-of-contents ul.items li ul li::after {
     content: '; ';
 }

 #main.rest-api-handbook .table-of-contents ul.items li ul li:last-
 child::after {
     content: '';
 }
 }}}

 Screenshot with this CSS applied:

  [[Image(https://nylen.io/rest-api-reference-posts-after-css.png, 682px)]]

 This is almost a complete fix for this issue:  the only task remaining
 (that I'm not sure how to do) is to make this CSS only apply to pages
 under the "Reference" section of the handbook.

 These docs pages need a lot of other work too, but this is a good next
 step.

--
Ticket URL: <https://meta.trac.wordpress.org/ticket/2347>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org