ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2024-12-22 17:33:14 +01:00
Code Issues Releases Wiki Activity

fix image scaling

Browse Source
This commit is contained in:
Tim Daubenschütz 2015-06-30 16:53:22 +02:00
parent a4bf38085c
commit 2a5bd9173e
4 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -19,7 +19,7 @@ let AccordionListItem = React.createClass({
<div className="col-xs-4 col-sm-4 col-md-4 col-lg-4 thumbnail-wrapper">
<img src={this.props.content.thumbnail} />
</div>
<div className="col-xs-8 col-sm-8 col-md-8 col-lg-8">
<div className="col-xs-7 col-sm-7 col-md-7 col-lg-7 col-xs-offset-1 col-sm-offset-1 col-md-offset-1 col-lg-offset-1">
<h1>{this.props.content.title}</h1>
<h3>{getLangText('by %s', this.props.content.artist_name)}</h3>
<h3>{this.props.content.date_created.split('-')[0]}</h3>

1
js/components/ascribe_accordion_list/accordion_list_item_table_editions.js
View File

@ -4,7 +4,6 @@ import React from 'react';
import EditionListStore from '../../stores/edition_list_store';
import EditionListActions from '../../actions/edition_list_actions';
import PieceListActions from '../../actions/piece_list_actions';
import AccordionListItemTable from './accordion_list_item_table';
import AccordionListItemTableToggle from './accordion_list_item_table_toggle';

15
sass/ascribe_accordion_list.scss
View File

@ -21,12 +21,19 @@ $ascribe-accordion-list-font: 'Source Sans Pro';
height:100%;
// ToDo: Include media queries for thumbnail
.thumbnail-wrapper {
margin-left:0;
padding-left:0;
width: 110px;
height: 110px;
padding:0;
img {
display:block;
height: $ascribe-accordion-list-item-height;
max-width: 100%;
max-height: 100%;
}
&::before {
content: ' ';
display: inline-block;
vertical-align: middle; /* vertical alignment of the inline element */
height: 100%;
}
}
h1 {
margin-top: .3em;

2
sass/ascribe_uploader.scss
View File

@ -29,7 +29,7 @@
margin-top: 1em;
&:before {
&::before {
content: ' ';
display: inline-block;
vertical-align: middle; /* vertical alignment of the inline element */