Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-15 22:31:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Facebook/Twitter button ui improved

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-11-18 16:50:31 +02:00
parent a19ba0fef7
commit 4f89f90f47
2 changed files with 5 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/common/SharePrompt/SharePrompt.js
View file

@ -27,13 +27,13 @@ const SharePrompt = ({ className, url }) => {
return (
<div className={classnames(className, styles['share-prompt-container'])}>
<div className={styles['buttons-container']}>
<Button className={classnames(styles['button-container'], styles['facebook-button'])} href={`https://www.facebook.com/sharer/sharer.php?u=${url}`} target={'_blank'}>
<Button className={classnames(styles['button-container'], styles['facebook-button'])} title={'Facebook'} href={`https://www.facebook.com/sharer/sharer.php?u=${url}`} target={'_blank'}>
<Icon className={styles['icon']} icon={'ic_facebook'} />
<div className={styles['label']}>FACEBOOK</div>
<div className={styles['label']}>Facebook</div>
</Button>
<Button className={classnames(styles['button-container'], styles['twitter-button'])} href={`https://twitter.com/home?status=${url}`} target={'_blank'}>
<Button className={classnames(styles['button-container'], styles['twitter-button'])} title={'Twitter'} href={`https://twitter.com/home?status=${url}`} target={'_blank'}>
<Icon className={styles['icon']} icon={'ic_twitter'} />
<div className={styles['label']}>TWITTER</div>
<div className={styles['label']}>Twitter</div>
</Button>
</div>
<div className={styles['url-container']}>
@ -46,7 +46,7 @@ const SharePrompt = ({ className, url }) => {
onClick={selectInputContent}
tabIndex={-1}
/>
<Button className={styles['copy-button']} onClick={copyToClipboard}>
<Button className={styles['copy-button']} title={'Copy to clipboard'} onClick={copyToClipboard}>
<Icon className={styles['icon']} icon={'ic_link'} />
<div className={styles['label']}>Copy</div>
</Button>

1
src/common/SharePrompt/styles.less
View file

@ -41,7 +41,6 @@
flex-shrink: 1;
flex-basis: auto;
max-height: 2.4em;
font-size: 0.9rem;
font-weight: 500;
text-align: center;
color: var(--color-surfacelighter);