wp admin bar WordPress about and updates icon can't show in Smartphone.

[mp518]

WordPress admin side WordPress about and Updates can't show in smartphone it should be display none in Very narrow screens.that can be helpfully for smartphone user.

[mp518]

fix

[mp518]

iphone 6 plus screen

[afercia]

@mp518 thanks! Makes sense to check if there's enough space also on a multisite installation. :) Removing the accessibility focus since it's not strictly related to it.

[mp518]

@afercia Thanks for review.In multisite there's not available wp-admin-bar-updates icon so there's enough space i have attached screenshot which is i have merged patche on multisite.i hope it's related accessibility.

[mp518]

multisite/wp-admin screenshot

[mp518]

network-dashboard

[xkon]

Hello,

@mp518 please be kind and make sure to check a max-view of 320px as well. People are still using ( and will be if they won't break ) older phones with smaller viewports. I'm saying this as I see your screenshots having 414px.

( I don't have a pc available atm to check the diff and test it myself sorry if that's an inconvenience ).

Just giving an extra pointer to be safe.

Best regards,
Konstantinos

[afercia]

@mp518 thanks! Actually, on multisite the updates icon is available. It just gets hidden, together with the "About" one, when the viewport width is less than 600 pixels, in the same way as in a single site installation.

Making both "About" and "Updates" always visible, and considering there are a lot of plugins that add their own icons and menus in the toolbar, can easily break the layout:

Please don't change the focus labels :) They're used to organize and group tickets in specific Trac reports, for example there's a report for all the accessibility tickets and this shouldn't be listed there.

[mp518]

yes @xkon you right but there's available media query for WordPress admin area and this media max-width 400px so hide this icon in this media(Very narrow screens) and removed media css from smart phone device as i have added in patch.
Replying to xkon:

Hello,

@mp518 please be kind and make sure to check a max-view of 320px as well. People are still using ( and will be if they won't break ) older phones with smaller viewports. I'm saying this as I see your screenshots having 414px.

( I don't have a pc available atm to check the diff and test it myself sorry if that's an inconvenience ).

Just giving an extra pointer to be safe.

Best regards,
Konstantinos

[mp518]

@afercia thanks for inform but one thing is trunk version file you don't see the wp-admin-bar-updates icon when you make a multisite and i have tested on trunk version.and wp-admin-bar-updates icon is available in single installation.

[sabernhardt]

multisite: when viewing a post at 414px width, the eighth link (profile) is pushed down

[sabernhardt]

profile link can also drop down for a single site at 414px width with no plugins

[sabernhardt]

Unfortunately, displaying both of the proposed links in the 400-600 pixel range can still break the layout, even on a single site with no plugins. The decision on #26071 was very selective about which links show on mobile.

It might be worth considering a slight decrease in link width (from 52 pixels to 50) if there is a reasonable way to identify that the site is not a network and no plugins add links to the toolbar.

[sabernhardt]

#59674 was marked as a duplicate.