Revised modal title to Copy Link, use orig icon

This commit is contained in:
Ben Wheeler 2019-05-08 14:36:00 -04:00
parent 73944a34e4
commit 4ef73525c4
5 changed files with 9 additions and 17 deletions
src
components/modal/social
l10n.json
views/preview
static/svgs/project

View file

@ -24,7 +24,7 @@ const SocialModalPresentation = ({
showEmbedResult,
showLinkResult
}) => {
const title = intl.formatMessage({id: 'social.title'});
const title = intl.formatMessage({id: 'general.copyLink'});
return (
<Modal
@ -36,7 +36,7 @@ const SocialModalPresentation = ({
>
<div className="social-modal-header modal-header">
<div className="social-content-label content-label">
<FormattedMessage id="social.title" />
<FormattedMessage id="general.copyLink" />
</div>
</div>
<div className="modal-content social-modal-content">
@ -62,7 +62,7 @@ const SocialModalPresentation = ({
<a
onClick={onCopyProjectLink}
>
{intl.formatMessage({id: 'general.copyLink'})}
{intl.formatMessage({id: 'social.copyLinkLinkText'})}
</a>
</div>
</FlexRow>
@ -82,7 +82,7 @@ const SocialModalPresentation = ({
<FlexRow className="social-row social-spaced-row">
<FlexRow className="social-label-row">
<div className="social-label-title">
{intl.formatMessage({id: 'social.title'})}
{intl.formatMessage({id: 'social.embedLabel'})}
</div>
<FlexRow className="social-spaced-row social-row-right">
<div

View file

@ -258,9 +258,9 @@
"comments.status.deleted": "Deleted",
"comments.status.reported": "Reported",
"social.title": "Embed",
"social.embedLabel": "Embed",
"social.copyEmbedLinkText": "Copy embed",
"social.linkLabel": "Link",
"social.socialMediaLabel": "Share",
"social.copyLinkLinkText": "Copy link",
"social.embedCopiedResultText": "Copied"
}

View file

@ -51,10 +51,10 @@ const Subactions = props => (
</React.Fragment>
}
<Button
className="action-button social-button"
className="action-button copy-link-button"
onClick={props.onSocialClicked}
>
<FormattedMessage id="social.title" />
<FormattedMessage id="general.copyLink" />
</Button>
{props.socialOpen && props.projectInfo && props.projectInfo.id && (
<SocialModal

View file

@ -61,8 +61,7 @@
}
&.studio-button,
&.copy-link-button,
&.report-button,
&.social-button {
&.report-button {
&:before {
display: inline-block;
margin-right: .25rem;
@ -88,12 +87,6 @@
}
}
&.social-button {
&:before {
background-image: url("/svgs/project/embed-icon.svg");
}
}
&.report-button {
background-color: $ui-coral;

View file

@ -1 +0,0 @@
<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M10.049 6.474a7.627 7.627 0 0 1 3.35 1.485 7.743 7.743 0 0 1 .89.826c.244.27.504.614.717.941a6.65 6.65 0 0 1 .872 2.11 6.32 6.32 0 0 1 .11 1.911c-.056.554-.165.98-.271 1.313-.05.163-.091.238-.118.314l-.042.106a.81.81 0 0 1-.834.492c-.443-.043-.765-.423-.72-.848l.013-.111c.003-.066.027-.196.024-.3a4.307 4.307 0 0 0-.51-2.145 4.2 4.2 0 0 0-.886-1.107 5.127 5.127 0 0 0-.581-.427c-.138-.092-.166-.089-.283-.151-.098-.052-.2-.092-.296-.134a3.93 3.93 0 0 0-1.095-.257 4.049 4.049 0 0 0-.34-.011v1.307c0 .522-.325.99-.828 1.19a1.38 1.38 0 0 1-1.463-.279L4.383 9.457a1.253 1.253 0 0 1 0-1.821l3.375-3.242c.385-.37.96-.48 1.463-.279.503.2.828.668.828 1.19v1.17z" id="a"/></defs><g transform="matrix(-1 0 0 1 20 0)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#4C97FF" xlink:href="#a"/><g mask="url(#b)" fill="#FFF"><path d="M0 0h20v20H0z"/></g></g></svg>

Before

(image error) Size: 1,022 B