Ticket #6772: 6772.10b.tweaks.patch

src/bp-activity/bp-activity-embeds.php

@@ -286 +286 @@
 
                         // Show description (non-oEmbed standard)
                         if ( isset( $oembed->description ) ) {
-                                $caption .= sprintf( '<div class="caption-description">%s</div>', apply_filters( 'bp_get_activity_action', $oembed->description ) );
+                                $caption .= sprintf( '<div class="caption-description">%s</div>', apply_filters( 'bp_activity_get_embed_excerpt', $oembed->description ) );
                         }
 
                         // Show author info.
@@ -305 +305 @@
                         // Set up caption.
                         if ( '' !== $caption ) {
                                 $css_class = isset( $oembed->provider_name ) ? sprintf( ' provider-%s', sanitize_html_class( strtolower( $oembed->provider_name ) ) ) : '';
-                                $caption = sprintf( '<div class="caption%1$s">%2$s</div>', $css_class, $caption );
+                                $caption = sprintf( '<div class="caption%1$s" style="width:%2$s">%3$s</div>',
+                                        $css_class,
+                                        round( ( $width - (int) $thumb_width ) / $width * 100 ) . '%',
+                                        $caption
+                                );
 
                                 $content .= $caption;
                         }
@@ -313 +317 @@
 
                 // Print rich content.
                 if ( '' !== $content ) {
-                        printf( '<div class="bp-activity-embed-display-media%s" style="max-width:%spx">%s</div>',
-                                $thumb_width < $float_width ? ' two-col' : ' one-col',
+                        printf( '<div class="bp-activity-embed-display-media %s" style="max-width:%spx">%s</div>',
+                                $thumb_width < $float_width ? 'two-col' : 'one-col',
                                 $thumb_width < $float_width ? $width : $thumb_width,
                                 $content
                         );

src/bp-templates/bp-legacy/buddypress/assets/embeds/css-activity.php

@@ -74 +74 @@
 .bp-activity-embed-display-media.two-col .thumb,
 .bp-activity-embed-display-media.two-col .caption {
         display: table-cell;
+}
+
+.bp-activity-embed-display-media.two-col .thumb {
+        background: #000;
+        vertical-align: middle;
+}
+
+.bp-activity-embed-display-media.two-col .caption {
         vertical-align: top;
 }
 
@@ -107 +115 @@
         width: 50px;
 }
 
+.bp-activity-embed-display-media.two-col a.play-btn {
+        height: 35px;
+        width: 35px;
+}
+
 a.play-btn:hover {
         background: rgba(0, 0, 0, 0.95);
         transform: translateY(-50%) translateX(-50%) scale(1.05);
@@ -123 +136 @@
         font-size: 90%;
         margin: .4em 0;
 }
+
+@media only screen and (max-width: 480px) {
+        .bp-activity-embed-display-media.two-col .thumb {
+                border-bottom: 1px solid #ccc;
+                border-right: 0;
+                display: block;
+                max-width: none !important;
+        }
+
+        a.play-btn {
+                height: 35px;
+                width: 35px;
+        }
+}
+ No newline at end of file