box-sizing breaks some admin-bar elements

[betzster]

If I do something like * { box-sizing: border-box; } in my theme, it breaks some of the admin-bar elements — the stats item in particular is affected. This is easily fixed by forcing everything in #wpadminbar to box-sizing: content-box.

[betzster]

Adds box-sizing: content-box to everything in #wpadminbar

[SergeyBiryukov]

With proper formatting

[SergeyBiryukov]

See ​CSS Coding Standards for the preferred formatting.

[helenyhou]

[21863.2.patch] seems to work for me, didn't notice anything broken without it in core items but definitely see the inconsistencies and potential for breakage.

[nacin]

In [22280]:

Reset box-sizing to toolbar CSS to avoid conflicts with themes. props betzster, fixes #21863.

[ericlewis]

[22280] mucks up styling a bit on WP Editor instances, at least in twentythirteen.

The TinyMCE buttons get the box-sizing declaration applied, which shrinks the container for the buttons a bit. I'll attach a screenshot.

[ericlewis]

Show box-sizing applied to TinyMCE buttons

[betzster]

Replying to ericlewis:

[22280] mucks up styling a bit on WP Editor instances, at least in twentythirteen.

The TinyMCE buttons get the box-sizing declaration applied, which shrinks the container for the buttons a bit. I'll attach a screenshot.

The changes here apply to #wpadminbar * (the admin bar), not the editor.

[ericlewis]

Replying to betzster:

The changes here apply to #wpadminbar * (the admin bar), not the editor.

Ah whoops, my bad. I guess this is a bug in twentythirteen then.

[SergeyBiryukov]

Replying to ericlewis:

Ah whoops, my bad. I guess this is a bug in twentythirteen then.

Related: ticket:24450:4