BP Nouveau: Improve responsive views of widgets: Group, Member, Friends, & Recent Networkwide Posts

[mercime]

Attaching screenshots and patch.

[mercime]

widget-members-b4-aft.png​ and widget-recent-network-posts.png​ show the before and after for the following from left to right:

• Twenty Fourteen primary sidebar
• Twenty Fourteen content sidebar
• Twenty Fifteen primary sidebar
• Twenty Sixteen primary sidebar
• Twenty Seventeen footer sidebars

7828.patch​ makes the BP widgets show up with consistent layouts across different themes and responsive views. This involved simplifying styles to the minimum and changing specificity of selectors used previously.

Changed the specificity of the following:

• sidebar widgets: lessened specificity from .widget-area .buddypress.widget to .buddypress.widget to cover the basic widget style and to ensure the style gets applied even to sidebars without the .widget-area class which the default themes have.
• main content widget areas (user and group widgets): Increased specificity from .buddypress.widget to buddypress-wrap .buddypress.widget

[mercime]

Shows the before styling of the Members widget on the Group main content widget area

[mercime]

Shows the after responsive views of the Members widget on the Group main content widget area

[mercime]

@hnla when you have the time, please check the changes made to the widget styles. Thanks.

[hnla]

@mercime cool looks ok, will run patch when I have a minute... sadly the widgets didn't get the attention they needed, bit of a pita these widgets :)

[mercime]

@DJPaul @hnla Please reconsider and move this ticket to 3.0 so I/anyone can commit it. Otherwise, it feels like someone letting a friend go to a party with salad stuck between his teeth :(

[hnla]

The grid boxes need some margining to keep them from closing up/abutting in the narrow view, the issue above is partly due to avatars needing to be of a larger size, on any sane setup the default avatar uploads should be of a much larger size to allow for better rendering.

I'm happy to slip this in but I'm not scrum master, product owner, not my call to make :(

[mercime]

Replying to hnla:

The grid boxes need some margining to keep them from closing up/abutting in the narrow view, the issue above is partly due to avatars needing to be of a larger size, on any sane setup the default avatar uploads should be of a much larger size to allow for better rendering.

Thanks for your feedback @hnla. 10-4 on larger avatar size can be implemented by developers or site builders otherwise the default 50px x 50px image is stretched to unlimited 'pixelation-ness'.

I'm happy to slip this in but I'm not scrum master, product owner, not my call to make :(

Will look for a wishing star tonight.

[hnla]

I thought we had changed the avatar default sizes, cos we had the opportunity to with Nouveau.

[DJPaul]

Milestone renamed

[djpaul]

In 12171:

Templates, Nouveau: fix widget responsiveness.

Fixes #7828

Props mercime