Follow up for MDL-11430, Flickr & Youtube tag blocks should use list …

…markup - Fix styles.
mpetrowi · Oct 15, 2007 · 17a6161 · 17a6161
1 parent 292ad3b
commit 17a6161
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git a/blocks/tag_youtube/block_tag_youtube.php b/blocks/tag_youtube/block_tag_youtube.php
@@ -156,13 +156,13 @@ function render_video_list($xmlobj){
         foreach($videos as $video){
             $text .= '<li>';
             $text .= '<a href="'. s($video['url']) . '">';
-            $text .= '<img alt="" class="youtube-thumb" style="padding:3px;" src="'. $video['thumbnail_url'] .'" /> <span>';
+            $text .= '<img alt="" class="youtube-thumb" src="'. $video['thumbnail_url'] .'" /> <span>';
             $text .= s($video['title']). '</span></a>';
-            $text .= '<br/>';
+            $text .= '<div>';
             $text .= format_time($video['length_seconds']);
-            $text .= "</li>\n";
+            $text .= "</div></li>\n";
         }
-        $text .= "</ul>\n";
+        $text .= "</ul><div class=\"clearer\"></div>\n";
 
         return $text;
     }

diff --git a/theme/standard/styles_layout.css b/theme/standard/styles_layout.css
@@ -1398,12 +1398,13 @@ a.skip-block:focus, a.skip-block:active {
 }
 
 .block_tag_youtube .youtube-thumb {
- width:75px;
- height:50px;
+  padding: 3px;
+  padding-bottom: 0.5em;
+  display: block;
+  float: left;
 }
-.block_tag_youtube .yt-video-entry{
- font-size:10px;
- line-height:11px;
+.block_tag_youtube .yt-video-entry li {
+  clear: left;
 }
 
 .block_tag_flickr .flickr-photos {