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

[WordPress Trac]

#34214: Navigation tabs styling inconsistencies
----------------------------+-----------------------------
 Reporter:  afercia         |       Owner:  wonderboymusic
     Type:  defect (bug)    |      Status:  reopened
 Priority:  normal          |   Milestone:  4.4
Component:  Administration  |     Version:  4.3
 Severity:  normal          |  Resolution:
 Keywords:  has-patch       |     Focuses:  ui
----------------------------+-----------------------------
Changes (by afercia):

 * status:  closed => reopened
 * resolution:  fixed =>


Comment:

 Missed to address some
 [https://wordpress.slack.com/archives/design/p1447257407000003 design
 feedback got on Slack]: basically the space between tabs should be bigger
 for big tabs and smaller for small tabs. Also, I'd like to remove the
 `1px` font-size trick since it's basically a hack and shouldn't be used in
 core.

 There's an issue though, and it's the empty space between inline-block
 elements which makes difficult having a pixel-perfect distance between
 tabs. There are alot of ways to [https://css-tricks.com/fighting-the-
 space-between-inline-block-elements/ fight the space between inline block
 elements], but they all have drawbacks.
 Since we can't predict when tabs will be printed out with or without empty
 space between them (thinking at Plugins for example), I'm wondering why
 `display: inline-block` is used in the first place.
 Floating the tabs would solve the issue.

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