Skip to:
Content

#7081 closed enhancement (fixed)

xProfile: Improve Mobile View of the Users > Extended Profiles panel

Reported by: mercime Owned by: mercime
Milestone: 2.6 Priority: normal
Severity: normal Version:
Component: Extended Profile Keywords: has-patch has-screenshots
Cc:

Description

Continuing with the style improvements recently done in #7080, it's time to add some responsive goodness to the Extended Profiles screen. The screen inherits styles set in WP's forms.css which is desktop-first with a breakpoint at 782px (max-width).

In addition to the 782px breakpoint when the radio buttons and checkboxes increase in size from 16px x 16px to 25px x 25px in forms.css, I added a second breakpoint at 480px for this screen.

Patch tested on WP/BP Trunk and WP 4.0.11/BP Trunk along with the before and after screenshots coming up.

Attachments (5)

7081.patch (5.7 KB) - added by mercime 15 months ago.
xprofile-admin-782.png (50.6 KB) - added by mercime 15 months ago.
First breakpoint at 782px
xprofile-admin-320.png (39.4 KB) - added by mercime 15 months ago.
Checking layout at 320px
xprofile-admin-320.2.png (39.4 KB) - added by mercime 15 months ago.
Checking layout at 320px
xprofile-admin-480.png (45.9 KB) - added by mercime 15 months ago.
480px breakpoint

Download all attachments as: .zip

Change History (9)

@mercime
15 months ago

@mercime
15 months ago

First breakpoint at 782px

@mercime
15 months ago

Checking layout at 320px

#1 @mercime
15 months ago

  • Keywords has-patch has-screenshots added

@mercime
15 months ago

Checking layout at 320px

@mercime
15 months ago

480px breakpoint

#2 @DJPaul
15 months ago

  • Milestone changed from Awaiting Review to 2.6

Only looked at screenshots, but looks good! :)

#3 @mercime
15 months ago

Thanks @djpaul! Will commit soon.

#4 @mercime
15 months ago

  • Owner set to mercime
  • Resolution set to fixed
  • Status changed from new to closed

In 10810:

xProfiles: Improve mobile view of User > Extended Profile screen.

Add responsive goodness :)

Fixes #7081.

Note: See TracTickets for help on using tickets.