[wp-trac] [WordPress Trac] #49295: 5.4 about page

[WordPress Trac]

#49295: 5.4 about page
-------------------------------------+-------------------------------------
 Reporter:  karmatosed               |       Owner:  (none)
     Type:  task (blessed)           |      Status:  new
 Priority:  normal                   |   Milestone:  5.4
Component:  Help/About               |     Version:
 Severity:  normal                   |  Resolution:
 Keywords:  needs-design has-patch   |     Focuses:  ui, accessibility,
  i18n-change dev-feedback           |  administration
-------------------------------------+-------------------------------------

Comment (by sabernhardt):

 49295.9.diff has some changes for the header section:

 1. The vertical text was intended as more visual than informational, but
 then it was placed inside a heading tag. The H1 would make it the most
 important text on the page.

 However, it could be better to move the H1 tag anyway, so that it would be
 unique to each page. These choices seemed most logical to me:

 **About (What's New):** "Say hello to more and better." ''(add Maintenance
 Releases section below this intro section later)''
 **Credits:** "WordPress is created by a worldwide team of passionate
 individuals."
 **Freedoms:** "Freedoms"
 **Privacy:** "Privacy"

 The stylesheet is revised to match the current styling for "WordPress 5.4"
 as well as the first heading within the content, but with the new tags.

 2. With the blue rectangles so close to the edge of the 600×600 background
 image, text can overlap the rectangles. The patch removes the 600px
 breaking point for header elements, so that layout starts at 782px
 instead. (This makes the header section taller at those widths, but it's a
 simpler option than editing either the SVG or the `background-size`
 property.)

 3. The `max-height: none` replaces `unset` for Internet Explorer at a high
 zoom level and/or narrow browser width. The vertical text was switching
 direction from up to down instead of switching to horizontal, which pushed
 the other header content on top of later content. I also added `clear:
 both` to the section containers to prevent overlapping.

 4. Again for IE11, `-ms-writing-mode` needed `lr-tb` (and `rl-tb`) instead
 of `initial`. It also includes the `direction` property.

 5. The RTL-specific styles remove the 180-degree rotation to align the
 text to the outer edge.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/49295#comment:60>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform