CodeDistillery / angular-no-captcha

Angular.JS wrapper for Google's No CAPTCHA reCAPTCHA
http://codedistillery.github.io/angular-no-captcha/
MIT License
42 stars 21 forks source link

no-captcha box can't be resized #8

Closed Zeioth closed 9 years ago

Zeioth commented 9 years ago

WORK: Original google-no-captcha resize using transform: scale.

<div class="g-recaptcha" data-sitekey="mykey"  style="transform:scale(0.50);transform-origin:0 0")></div>

DON'T WORK: If you apply the same style to the no-captcha tag. It will ignore it.

<no-captcha g-recaptcha-response="gRecaptchaResponse", theme='light', control="noCaptchaControl", site-key="mykey", style="transform:scale(0.50);transform-origin:0 0"></no-captcha>
vepasto commented 9 years ago

You can get it working by adding something like this to your css file:

no-captcha iframe {
  transform:scale(0.50);
  transform-origin:0 0;
}
Zeioth commented 9 years ago

It worked, thank you so much!