[buddypress-trac] [BuddyPress Trac] #6766: Companion Stylesheet - Twentytwelve

buddypress-trac noreply at wordpress.org
Sun Feb 7 19:55:16 UTC 2016

#6766: Companion Stylesheet - Twentytwelve
 Reporter:  hnla                         |       Owner:
     Type:  enhancement                  |      Status:  new
 Priority:  normal                       |   Milestone:  2.5
Component:  Appearance - Template Parts  |     Version:
 Severity:  trivial                      |  Resolution:
 Keywords:                               |

Comment (by r-a-y):

 Hi hnla,

 I noticed an issue with responsive images in the activity stream with
 Twenty Twelve.

 Twently Twelve sets each image (and iframe, embed, object, video) with
 `max-width: 100%`.  However, it does not set the height, so images are
 stretched vertically.  You can test by pasting any large image URL oEmbed
 URL from Flickr, Smugmug, Photobucket, etc.

 I would recommend the following CSS declaration for images:

 .activity-inner img {
         height: auto;

 The stretched height issue is still an issue with other responsive media
 (iframe, embed, object, video), but it is not as noticeable.  This could
 be fixed by removing the `max-width` declaration, but this will crop the
 embed item horizontally.

Ticket URL: <https://buddypress.trac.wordpress.org/ticket/6766#comment:13>
BuddyPress Trac <http://buddypress.org/>
BuddyPress Trac

More information about the buddypress-trac mailing list