[wp-trac] [WordPress Trac] #52939: Frontend toolbar CSS conflict with some themes

[WordPress Trac]

#52939: Frontend toolbar CSS conflict with some themes
--------------------------+-----------------------------
 Reporter:  keraweb       |      Owner:  (none)
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  Toolbar       |    Version:  trunk
 Severity:  normal        |   Keywords:
  Focuses:  ui            |
--------------------------+-----------------------------
 There are themes available that add some global styling that could
 interfere with the WP toolbar on the frontend.
 This could be fixed by adding some reset/basic CSS for the toolbar.

 Example theme: Mesmerize https://wordpress.org/themes/mesmerize/

 This theme adds various CSS in the toolbar that might affect some menu
 items.

 For example `::before` CSS for all items that sets the display as a table.
 This could cause some indentation issues when adding elements like form
 types or icons to menu items.

 Same with text color.
 A simple `color: inherit` for the `#wpadminbar * {}` selector would fix
 any color overwrites for global elements like `label` etc.

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