Improve league table logo styling

This commit is contained in:
Brian Miyaji
2014-06-13 19:30:23 +10:00
parent 2dc7ae6f9e
commit 89ce3ee84e
2 changed files with 10 additions and 9 deletions

View File

@@ -90,18 +90,19 @@
.sp-league-table td {
line-height: 2em;
}
.sp-league-table .data-name.has-logo {
padding-left: 2.5em;
position: relative;
.sp-league-table .data-name .team-logo {
width: 2em;
height: 2em;
margin-right: 0.25em;
display: block;
float: left;
text-align: center;
}
.sp-league-table .data-name.has-logo .team-logo {
.sp-league-table .data-name .team-logo img {
width: auto;
height: auto;
max-width: 2em;
max-height: 2em;
position: absolute;
left: 0.25em;
}
/* Event Performance */

View File

@@ -76,8 +76,8 @@ foreach( $data as $team_id => $row ):
if ( $show_team_logo ):
if ( has_post_thumbnail( $team_id ) ):
$logo = get_the_post_thumbnail( $team_id, 'sportspress-fit-icon', array( 'class' => 'team-logo' ) );
$name = $logo . ' ' . $name;
$logo = get_the_post_thumbnail( $team_id, 'sportspress-fit-icon' );
$name = '<span class="team-logo">' . $logo . '</span>' . $name;
$name_class .= ' has-logo';
endif;
endif;