Andal.LND/frontend-app-authn
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: update yellow arc position (#572)

Browse Source
This commit is contained in:
Zainab Amir
2022-05-13 10:41:00 +05:00
committed by GitHub
parent 1575034ed3
commit bcece267bc
1 changed files with 45 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
src/base-component/LargeLeftLayout.jsx
View File

@@ -20,51 +20,53 @@ const LargeLeftLayout = (props) => {
new ClipboardJS('.copyIcon'); // eslint-disable-line no-new new ClipboardJS('.copyIcon'); // eslint-disable-line no-new
return ( return (
<div className="min-vh-100 pr-0 mt-lg-n2 d-flex align-items-center"> <div className="min-vh-100 d-flex justify-content-left align-items-center">
<Toast <div className="d-flex pr-0 mt-lg-n2">
onClose={() => setToastShow(false)} <Toast
show={showToast} onClose={() => setToastShow(false)}
> show={showToast}
{intl.formatMessage(messages['code.copied'])} >
</Toast> {intl.formatMessage(messages['code.copied'])}
<svg className={classNames( </Toast>
'large-screen-svg-line', <svg className={classNames(
{ 'large-screen-svg-line',
'variation1-bar-color mt-n6 pt-0 ml-5': experimentName === 'variation1' && isRegistrationPage, {
'variation2-bar-color': experimentName === 'variation2' && isRegistrationPage, 'variation1-bar-color mt-n6 pt-0 ml-5': experimentName === 'variation1' && isRegistrationPage,
'ml-5': experimentName !== 'variation1' || !isRegistrationPage, 'variation2-bar-color': experimentName === 'variation2' && isRegistrationPage,
}, 'ml-5': experimentName !== 'variation1' || !isRegistrationPage,
)} },
> )}
<line x1="50" y1="0" x2="10" y2="215" /> >
</svg> <line x1="50" y1="0" x2="10" y2="215" />
<div className={classNames({ 'pl-4': experimentName === 'variation1' && isRegistrationPage })}> </svg>
<h1 className={classNames('large-heading', { 'mb-4.5': experimentName === 'variation1' && isRegistrationPage })}> <div className={classNames({ 'pl-4': experimentName === 'variation1' && isRegistrationPage })}>
{intl.formatMessage(messages['start.learning'])} <h1 className={classNames('large-heading', { 'mb-4.5': experimentName === 'variation1' && isRegistrationPage })}>
<span {intl.formatMessage(messages['start.learning'])}
className={((experimentName === 'variation1' || experimentName === 'variation2') && isRegistrationPage) ? 'text-accent-b' : 'text-accent-a'} <span
> className={((experimentName === 'variation1' || experimentName === 'variation2') && isRegistrationPage) ? 'text-accent-b' : 'text-accent-a'}
<br /> >
{intl.formatMessage(messages['with.site.name'], { siteName: getConfig().SITE_NAME })} <br />
</span> {intl.formatMessage(messages['with.site.name'], { siteName: getConfig().SITE_NAME })}
</h1>
{experimentName === 'variation1' && isRegistrationPage ? (
<span className="text-light-300 dicount-heading">
<span className="lead mr-3">
<SideDiscountBanner />
</span> </span>
<span className="dashed-border d-inline-flex flex-wrap align-items-center"> </h1>
<span id="edx-welcome" className="text-white edx-welcome font-weight-bold mr-1">EDXWELCOME</span> {experimentName === 'variation1' && isRegistrationPage ? (
<FontAwesomeIcon <span className="text-light-300 dicount-heading">
className="text-light-700 copyIcon ml-1.5 hover-discount-icon" <span className="lead mr-3">
icon={faCut} <SideDiscountBanner />
data-clipboard-action="copy" </span>
data-clipboard-target="#edx-welcome" <span className="dashed-border d-inline-flex flex-wrap align-items-center">
onClick={() => setToastShow(true)} <span id="edx-welcome" className="text-white edx-welcome font-weight-bold mr-1">EDXWELCOME</span>
/> <FontAwesomeIcon
className="text-light-700 copyIcon ml-1.5 hover-discount-icon"
icon={faCut}
data-clipboard-action="copy"
data-clipboard-target="#edx-welcome"
onClick={() => setToastShow(true)}
/>
</span>
</span> </span>
</span> ) : null}
) : null} </div>
</div> </div>
</div> </div>
); );