ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2025-01-03 18:35:09 +01:00
Code Issues Releases Wiki Activity

Move social share buttons to left of download button to accommodate for embed button

Browse Source
This commit is contained in:
Brett Sun 2015-11-10 10:29:37 +01:00
parent 8dc0470007
commit a9f0a46fbd
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
js/components/ascribe_detail/media_container.js
View File

@ -90,6 +90,11 @@ let MediaContainer = React.createClass({
extraData={extraData} extraData={extraData}
encodingStatus={this.props.content.digital_work.isEncoding} /> encodingStatus={this.props.content.digital_work.isEncoding} />
<p className="text-center"> <p className="text-center">
<span className="ascribe-social-button-list">
<FacebookShareButton />
<TwitterShareButton />
</span>
<AclProxy <AclProxy
show={['video', 'audio', 'image'].indexOf(mimetype) === -1 || this.props.content.acl.acl_download} show={['video', 'audio', 'image'].indexOf(mimetype) === -1 || this.props.content.acl.acl_download}
aclObject={this.props.content.acl} aclObject={this.props.content.acl}
@ -98,8 +103,6 @@ let MediaContainer = React.createClass({
Download <Glyphicon glyph="cloud-download"/> Download <Glyphicon glyph="cloud-download"/>
</Button> </Button>
</AclProxy> </AclProxy>
<FacebookShareButton />
<TwitterShareButton />
{embed} {embed}
</p> </p>
</div> </div>

5
sass/ascribe_social_share.scss
View File

@ -1,7 +1,10 @@
.ascribe-social-button-list {
margin-right: 10px;
}
.btn-ascribe-social { .btn-ascribe-social {
height: 20px; height: 20px;
width: 56px; width: 56px;
box-sizing: content-box; /* We want to ignore padding in these calculations as we use the sdk buttons' height and width */ box-sizing: content-box; /* We want to ignore padding in these calculations as we use the sdk buttons' height and width */
margin-left: 5px;
padding: 1px 0; padding: 1px 0;
} }