Opened 11 years ago
Closed 11 years ago
#26299 closed defect (bug) (fixed)
admin bar submenu misaligned on mobile devices if the parent is not a link
Reported by: |
|
Owned by: | |
---|---|---|---|
Milestone: | 3.8 | Priority: | normal |
Severity: | minor | Version: | 3.8 |
Component: | Toolbar | Keywords: | |
Focuses: | ui | Cc: |
Description
in admin-bar sub-menu is too high if the parent menu is not a link.
This can be fixed with the css rule:
@media screen and ( max-width: 782px ) { #wpadminbar .quicklinks .ab-empty-item, { height: 46px; }
Change History (7)
#1
@
11 years ago
- Component changed from Administration to Toolbar
- Keywords ui-focus added
- Milestone changed from Awaiting Review to 3.8
#3
@
11 years ago
If it's done, the sprintf would probably be better as leaving the original line as
$howdy = sprintf( __('Howdy, %1$s'), $current_user->display_name );
to avoid needlessly breaking the translation strings, and changing the array item from
'title' => $howdy . $avatar,
to
'title' => sprintf( '<span>%1$s</span>%2$s', $howdy, $avatar ),
or
'title' => "<span>{$howdy}</span>{$avatar}",
#5
@
11 years ago
r26595 includes CSS fixes that should take care of the "H" in "Howdy" being visible in Firefox on small screens. I've also included .ab-empty-item in the standard responsive resizing rules for adminbar links, which should take care of the positioning issue. Chouby could you confirm this is now fixed?
Here is a proposal for a more complete fix to correct (horizontal) misalignement of the parent icon too:
I also noticed that the H of 'Howdy, user' is visible in the right corner. Here I have no pure CSS proposal without adding an html tag to wrap it.
in wp-includes/admin-bar.php:
and the css rule