ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2024-11-15 01:25:17 +01:00
Code Issues Releases Wiki Activity

thumbnail is not croped anymore

Browse Source
This commit is contained in:
Tim Daubenschütz 2015-06-03 16:48:31 +02:00
parent e3c3afcefa
commit 8d560fb664
2 changed files with 11 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
js/components/ascribe_accordion_list/accordion_list_item.js
View File

@ -11,15 +11,14 @@ let AccordionListItem = React.createClass({
}, },
render() { render() {
console.log(this.props.content);
return ( return (
<div className="row"> <div className="row">
<div className={this.props.className}> <div className={this.props.className}>
<div className="wrapper"> <div className="wrapper">
<div className="thumbnail-wrapper"> <div className="col-md-4 thumbnail-wrapper">
<img src={this.props.content.thumbnail} /> <img src={this.props.content.thumbnail} />
</div> </div>
<div className="info-wrapper"> <div className="col-md-8">
<h1>{this.props.content.title}</h1> <h1>{this.props.content.title}</h1>
<h3>{getLangText('by %s', this.props.content.artist_name)}</h3> <h3>{getLangText('by %s', this.props.content.artist_name)}</h3>
<h3>{this.props.content.date_created.split('-')[0]}</h3> <h3>{this.props.content.date_created.split('-')[0]}</h3>

15
sass/ascribe_accordion_list.scss
View File

@ -21,23 +21,15 @@ $ascribe-accordion-list-font: 'Source Sans Pro';
height:100%; height:100%;
// ToDo: Include media queries for thumbnail // ToDo: Include media queries for thumbnail
.thumbnail-wrapper { .thumbnail-wrapper {
float:left; margin-left:0;
height:100%;
width:$ascribe-accordion-list-item-height;
overflow:hidden;
padding-left:0; padding-left:0;
padding-right:0;
img { img {
display:block;
height: $ascribe-accordion-list-item-height; height: $ascribe-accordion-list-item-height;
} }
} }
.info-wrapper {
float:left;
font-family: $ascribe-accordion-list-font;
margin-left: 2em;
h1 { h1 {
margin-top: .5em; margin-top: .3em;
font-size: 2.25em; font-size: 2.25em;
} }
h3 { h3 {
@ -46,7 +38,6 @@ $ascribe-accordion-list-font: 'Source Sans Pro';
} }
} }
} }
}
.ascribe-accordion-list-item-table { .ascribe-accordion-list-item-table {
text-align: center; text-align: center;