[wp-trac] [WordPress Trac] #18509: CSS problem for '#wpabar'

[WordPress Trac]

#18509: CSS problem for '#wpabar'
--------------------------+-----------------------------
 Reporter:  swill         |      Owner:
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  General       |    Version:  3.2
 Severity:  normal        |   Keywords:
--------------------------+-----------------------------
 I believe this bug was introduced in Wordpress 3.2 and still exists in
 3.2.1.

 In the admin backend (/wp-admin), the admin bar at the top of the page
 renders 28px from the top and covers the link back to the front end of the
 site.  I have tested this in Chrome, Firefox and Safari and it is a
 problem in all of them.

 The 'body' tag has the following CSS: padding-top: 28px !important;
 (grey.css:1)

 This creates the space where the top admin bar should go.

 The page content wrapper '#wpwrap' has the CSS of: position: relative;
 (load-styles.php:3)

 The top admin bar '#wpabar' has the following CSS: top: 0 !important;
 (grey.css:5)

 Since '#wpabar' is positioned absolutely inside '#wpwrap', it is not
 positioned inside the 28px space that is reserved for it in the 'body'
 tag, but instead it is placed over top of the top 28px of the '#wpwrap'
 content.

 This is a big problem because it now covers the only link back to the
 front page of the site from the backend, which actually causes a loss in
 functionality.

 I was able to solve this problem by changing this:

 from|| top: 0 !important; (grey.css:5)

 to|| top: -28px !important; (grey.css:5)

 Cheers...

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/18509>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software