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

WordPress Trac noreply at wordpress.org
Tue Nov 28 05:41:31 UTC 2017

#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

More information about the wp-trac mailing list