RaZor Edge reacted to
Sergey Kuzin in New: Social Sign In Streamlining
March 25, 2017
Thanks))
My code
guestCommentTeaser
<ips:template parameters="$item, $login, $isReview=FALSE" />
{{$ref = base64_encode( $item->url() . '#replyForm' );}}
{{if \IPS\Settings::i()->allow_reg}}
<div class='ipsType_center ipsPad'>
{{if $isReview}}
<h2 class='ipsType_pageTitle'>{lang="teaser_review_title_reg"}</h2>
<p class='ipsType_light ipsType_normal ipsType_reset'>{lang="teaser_review_desc_reg"}</p>
{{else}}
<h2 class='ipsType_pageTitle'>{lang="teaser_title_reg"}</h2>
<p class='ipsType_light ipsType_normal ipsType_reset'>{lang="teaser_desc_reg"}</p>
{{endif}}
<div class='ipsGrid ipsGrid_collapsePhone ipsSpacer_top' data-ipsgrid data-ipsgrid-equalheights="row" {{/*this added data-ipsgrid */}}>
<div class='ipsGrid_span6 ipsAreaBackground_light ipsPad'>
<h2 class='ipsType_sectionHead'>{lang="teaser_account"}</h2>
<p class='ipsType_normal ipsType_reset ipsType_light'>{lang="teaser_account_desc"}</p>
<br>
<a href='{url="app=core&module=system&controller=register" seoTemplate="register" protocol="\IPS\Settings::i()->logins_over_https"}' class='ipsButton ipsButton_primary ipsButton_small'>{lang="teaser_account_button"}</a>
</div>
<div class='ipsGrid_span6 ipsAreaBackground_light ipsPad'>
<h2 class='ipsType_sectionHead'>{lang="teaser_signin"}</h2>
<p class='ipsType_normal ipsType_reset ipsType_light'>{lang="teaser_signin_desc"}</p>
<br>
<a href='{url="app=core&module=system&controller=login&ref={$ref}" seoTemplate="login" protocol="\IPS\Settings::i()->logins_over_https"}' data-ipsDialog data-ipsDialog-size='medium' data-ipsDialog-title="{lang="teaser_signin_button"}" class='ipsButton ipsButton_primary ipsButton_small'>{lang="teaser_signin_button"}</a>
</div>
</div>
{{/*this added*/}}
<div class='ipsAreaBackground_light ipsPad ipsSpacer_top'>
<p class='ipsType_reset ipsType_small ipsType_center'><strong>{lang="sign_in_with_these"}</strong></p>
<ul class="ipsList_inline ipsType_center ipsSpacer_top ipsSpacer_half">
{{foreach $login->forms( FALSE, TRUE ) as $k => $form}}
{{if $k !== '_standard'}}
<li class='ipsType_center'>
{$form|raw}
</li>
{{endif}}
{{endforeach}}
</ul>
</div>
{{/*this added*/}}
</div>
{{else}}
<div class='ipsType_center ipsPad'>
<h2 class='ipsType_pageTitle'>{lang="teaser_title_noreg"}</h2>
<p class='ipsType_light ipsType_normal ipsType_reset'>{lang="teaser_desc_noreg"}</p>
<br>
<br>
<a href='{url="app=core&module=system&controller=login&ref={$ref}" seoTemplate="login"}' data-ipsDialog data-ipsDialog-size='medium' data-ipsDialog-title="{lang="teaser_signin_button"}" class='ipsButton ipsButton_alternate ipsButton_large'>{lang="teaser_signin_button"}</a>
</div>
{{endif}}
custom css
/***========= guestCommentTeaser =========***/
div[data-role="replyArea"] > div.ipsType_center.ipsPad > h2.ipsType_pageTitle {
font-size: 20px;
}
div[data-role="replyArea"] > div.ipsType_center.ipsPad > h2.ipsType_pageTitle + p {
font-size: 12px;
}
div[data-role="replyArea"] > div.ipsType_center.ipsPad h2.ipsType_sectionHead {
font-size: 18px;
}
div[data-role="replyArea"] > div.ipsType_center.ipsPad h2.ipsType_sectionHead + p {
font-size: 12px;
margin-bottom: 5px;
}
div[data-role="replyArea"] > div.ipsType_center.ipsPad h2.ipsType_sectionHead + p + br {
display: none;
}
div[data-role="replyArea"] > div.ipsType_center.ipsPad span.ipsSocial_icon {
min-width: 48px;
}
div[data-role="replyArea"] > div.ipsType_center.ipsPad span.ipsSocial_text {
display: none;
}
/***========= end guestCommentTeaser =========***/