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

[buddypress-trac]

#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