[wp-trac] [WordPress Trac] #42723: Tag Cloud CSS needed for HTML minification

[WordPress Trac]

#42723: Tag Cloud CSS needed for HTML minification
---------------------------+-----------------------------
 Reporter:  superpoincare  |      Owner:
     Type:  enhancement    |     Status:  new
 Priority:  normal         |  Milestone:  Awaiting Review
Component:  Bundled Theme  |    Version:  4.9
 Severity:  normal         |   Keywords:
  Focuses:  ui             |
---------------------------+-----------------------------
 The new tag cloud code in Wordpress 4.9 works great except for one issue
 which can be improved.

 Because it uses


 {{{
 display: inline-block
 }}}

 for li elements, it needs whitespace after each ending closing li tag.

 Else HTML minifiers will remove the spacing. It's hard for minifiers to do
 the job as this is a more general issue.

 An illustration is here: https://codepen.io/anon/pen/pdOPdr

 What happens is that after HTML minification, tags appear very close to
 each other. Undesired.

 The best way to tackle it would be to improve the CSS. Here's a suggestion


 {{{
 .tagcloud ul li:after, .widget-area .widget.widget_tag_cloud li:after {
         content: '\00A0';
         white-space: pre;
 }
 }}}

--
Ticket URL: <https://core.trac.wordpress.org/ticket/42723>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform