![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png){kind=logo}
Opened 16 years ago
Closed 16 years ago
#15254 closed defect (bug) (wontfix)
Dashboard CSS issue on AOL web browser
| Reported by: | powermytech | Owned by: | |
|---|---|---|---|
| Priority: | lowest | Milestone: | |
| Component: | Themes | Version: | |
| Severity: | normal | Keywords: | needs-patch |
| Cc: | Focuses: |
Description
For those using the AOL web browser to administer the WordPress dashboard, there is a CSS issue that causes Menus to be separated from their icons. The dashboard is still usable, but for someone still using AOL for web browsing (novice or older user) may be thrown off by the odd layout. I realize this is likely a small population of users so it may be better served as a plugin than a bug but that is your call.
The dashboard appears fine on login, but when any of the menus are expanded, the problem occurs where menu icons are on a different line than the menu text.
I found a way to crudely hack things into place adding an admin stylesheet through an add_action call. Perhaps it will give you some insight in how you can adjust the main admin theme to accommodate the changes. The resulting change allows the expanded dashboard page to appear correctly on all major browsers as well.
.wp-menu-image{display:inline;position:absolute;top:0px;left:0px;z-index:100;}
.wp-menu-toggle{display:inline;position:absolute;top:0px;left:120px;z-index:100;}
#adminmenu .menu-top{position:relative;}
#adminmenu a {text-indent:20px;}
#adminmenu .wp-submenu a {text-indent:0px;}
Screenshot of issue in AOL browser