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

editions layout

Browse Source
This commit is contained in:
diminator 2015-07-09 15:29:10 +01:00
parent 9aa81433a6
commit cde77bf944
3 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
js/components/ascribe_accordion_list/accordion_list_item_edition_widget.js
View File

@ -68,22 +68,22 @@ let AccordionListItemEditionWidget = React.createClass({
let numEditions = piece.num_editions; let numEditions = piece.num_editions;
if(numEditions === 1) { if(numEditions === 1) {
let firstEditionId = piece && piece.firstEdition ? ', ' + piece.firstEdition.bitcoin_id : ''; //let firstEditionId = piece && piece.firstEdition ? ', ' + piece.firstEdition.bitcoin_id : '';
let editionMapping = piece && piece.firstEdition ? piece.firstEdition.edition_number + '/' + piece.num_editions : ''; let editionMapping = piece && piece.firstEdition ? piece.firstEdition.edition_number + '/' + piece.num_editions : '';
return ( return (
<span <span
onClick={this.toggleTable} onClick={this.toggleTable}
className="ascribe-accordion-list-item-edition-widget pull-right"> className="ascribe-accordion-list-item-edition-widget">
{this.getGlyphicon()} {editionMapping + ' ' + getLangText('Edition') + firstEditionId} {', ' + editionMapping + ' ' + getLangText('Edition')} {this.getGlyphicon()}
</span> </span>
); );
} else { } else {
return ( return (
<span <span
onClick={this.toggleTable} onClick={this.toggleTable}
className="ascribe-accordion-list-item-edition-widget pull-right"> className="ascribe-accordion-list-item-edition-widget">
{this.getGlyphicon()} {numEditions + ' ' + getLangText('Editions')} {', ' + numEditions + ' ' + getLangText('Editions')} {this.getGlyphicon()}
</span> </span>
); );
} }

2
js/components/piece_list.js
View File

@ -91,7 +91,7 @@ let PieceList = React.createClass({
content={piece} content={piece}
key={i}> key={i}>
<AccordionListItemTableEditions <AccordionListItemTableEditions
className="ascribe-accordion-list-item-table col-xs-12 col-sm-8 col-md-6 col-lg-6 col-sm-offset-2 col-md-offset-3 col-lg-offset-3" className="ascribe-accordion-list-item-table col-xs-12 col-sm-10 col-md-8 col-lg-8 col-sm-offset-1 col-md-offset-2 col-lg-offset-2"
parentId={piece.id} /> parentId={piece.id} />
</AccordionListItem> </AccordionListItem>
); );

5
sass/ascribe_accordion_list.scss
View File

@ -88,7 +88,7 @@ $ascribe-accordion-list-font: 'Source Sans Pro';
} }
} }
border-left: 3px solid rgba(0,0,0,0); border-left: 3px solid rgba(0,0,0,0);
border-bottom: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.05);
} }
tbody { tbody {
tr { tr {
@ -98,7 +98,7 @@ $ascribe-accordion-list-font: 'Source Sans Pro';
border-left: 3px solid rgba(2, 182, 163, 0.4); border-left: 3px solid rgba(2, 182, 163, 0.4);
} }
border-left: 3px solid rgba(0,0,0,0); border-left: 3px solid rgba(0,0,0,0);
border-bottom: 1px solid rgba(0,0,0,.05); border-bottom: 1px solid rgba(0,0,0,.03);
td { td {
border: none! important; border: none! important;
a { a {
@ -143,6 +143,7 @@ span.ascribe-accordion-list-table-toggle {
.ascribe-accordion-list-item-edition-widget { .ascribe-accordion-list-item-edition-widget {
cursor: pointer; cursor: pointer;
//margin-left: 0.3em;
&:hover { &:hover {
color: $ascribe-color-full; color: $ascribe-color-full;