[wp-trac] [WordPress Trac] #38472: Twentyseventeen - improve front end display in Internet Explorer 8

[WordPress Trac]

#38472: Twentyseventeen - improve front end display in Internet Explorer 8
---------------------------------------+--------------------
 Reporter:  adamsilverstein            |       Owner:
     Type:  defect (bug)               |      Status:  new
 Priority:  normal                     |   Milestone:  4.7
Component:  Bundled Theme              |     Version:  trunk
 Severity:  normal                     |  Resolution:
 Keywords:  has-screenshots has-patch  |     Focuses:
---------------------------------------+--------------------
Changes (by laurelfulford):

 * keywords:  needs-patch has-screenshots => has-screenshots has-patch


Comment:

 In [attachment:38472.patch], I added styles that fix the display issues
 with the header, and get the font sizes a bit more consistent with how it
 looks like other browsers. The header doesn't look exactly like it does in
 newer browsers, but it's closer and doesn't affect the site's legibility
 anymore :)

 I also adjusted the vertical spacing overall.

 Like Twenty Sixteen, Twenty Seventeen's CSS has the larger screen styles
 in `@media` queries, meaning browsers that don't understand `@media`
 queries (like IE8) will look more like mobile browsers. This is most
 noticeable in things like the menu styles and single-column layout. It
 doesn't affect the theme's usability, though, so I think it should be
 okay, and saves having to rewrite those styles again for IE8. I've left
 this bit as is.

 IE8 doesn't support SVGs, so it's using the fallback styles for some of
 the icons. The fallbacks are limited to the absolutely necessary icons -
 so there is one for the submenu dropdown toggle icon, but not for the
 little 'hamburger' and X that sit in front of the 'menu' button. I haven't
 changed the fallback support, but I tried to improve the
 appearance/placement of the dropdown toggle used in the menu.

 It may need a bit more refining - just let me know!

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