[wp-trac] [WordPress Trac] #35505: Navigation tabs styling inconsistencies

[WordPress Trac]

#35505: Navigation tabs styling inconsistencies
-----------------------------+------------------------------
 Reporter:  Cybr             |       Owner:
     Type:  defect (bug)     |      Status:  new
 Priority:  normal           |   Milestone:  Awaiting Review
Component:  Administration   |     Version:  4.4.1
 Severity:  normal           |  Resolution:
 Keywords:  has-screenshots  |     Focuses:  ui
-----------------------------+------------------------------

Comment (by afercia):

 Worth noting that in the About/Credits/Freedoms screens the "tabs" always
 looked like buttons on small screens, see screenshot on the left. So the
 tabs styling was just made consistent with that existing pattern. On the
 right, the obvious reason why tabs can't be displayed as "tabs" on small
 screens.

 [[Image(https://cldup.com/pmDnOiV6JQ.png)]]

 Also, as far as I know, the navigation tabs were never meant to be used by
 plugins. If plugins authors decide to use core CSS rules, they should be
 aware they can change in any moment. The relevant part in `common.css` is
 still commented as "Experimental" :)

 Of course any suggestions and improvements are welcome but since we can't
 predict the width and the number of the tabs, it's nearly impossible to
 find a solution that will fit all the possible scenarios. I'd say that at
 some point, under a certain viewport width, they just need to be displayed
 differently.

 > I also think the nav tab wrapper should still be a block. As other words
 are floating right next to the buttons now with some configurations I've
 seen.
 Not sure how this can happen since WP 4.4 uses `.nav-tab-wrapper:after` to
 clear the floats and trunk recently introduced a new generic CSS rule to
 clear floats: `wp-clearfix` with some CSS back compatibility see [36171].
 Would be useful to know on which version and with which plugin you noticed
 text wrapping around the tabs.

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