diff options
| author | PayBas <contact@paybas.com> | 2014-09-09 22:30:37 +0200 |
|---|---|---|
| committer | PayBas <contact@paybas.com> | 2014-10-07 18:30:20 +0200 |
| commit | 66ecbd8545ace2f402eeed9c2c10405635efa8b3 (patch) | |
| tree | 6b630c59704310997f70c68969d61b34a0e3ac1d | |
| parent | c77d6f39f25690437bee29ca542b52e10600f0e0 (diff) | |
| download | forums-66ecbd8545ace2f402eeed9c2c10405635efa8b3.tar forums-66ecbd8545ace2f402eeed9c2c10405635efa8b3.tar.gz forums-66ecbd8545ace2f402eeed9c2c10405635efa8b3.tar.bz2 forums-66ecbd8545ace2f402eeed9c2c10405635efa8b3.tar.xz forums-66ecbd8545ace2f402eeed9c2c10405635efa8b3.zip | |
[ticket/12530] Fix captcha challange image breaking responsive layout
PHPBB3-12530
4 files changed, 22 insertions, 3 deletions
diff --git a/phpBB/styles/prosilver/template/captcha_default.html b/phpBB/styles/prosilver/template/captcha_default.html index 550962db67..9feb87a391 100644 --- a/phpBB/styles/prosilver/template/captcha_default.html +++ b/phpBB/styles/prosilver/template/captcha_default.html @@ -10,7 +10,7 @@ <dl> <dt><label for="confirm_code">{L_CONFIRM_CODE}{L_COLON}</label></dt> - <dd><img src="{CONFIRM_IMAGE_LINK}" alt="{L_CONFIRM_CODE}" /></dd> + <dd class="captcha captcha-image"><img src="{CONFIRM_IMAGE_LINK}" alt="{L_CONFIRM_CODE}" /></dd> <dd><input type="text" name="confirm_code" id="confirm_code" size="8" maxlength="8" tabindex="{$CAPTCHA_TAB_INDEX}" class="inputbox narrow" title="{L_CONFIRM_CODE}" /> <!-- IF S_CONFIRM_REFRESH --><input type="submit" name="refresh_vc" id="refresh_vc" class="button2" value="{L_VC_REFRESH}" /><!-- ENDIF --> <input type="hidden" name="confirm_id" id="confirm_id" value="{CONFIRM_ID}" /></dd> diff --git a/phpBB/styles/prosilver/template/captcha_qa.html b/phpBB/styles/prosilver/template/captcha_qa.html index 1671987f63..2962ca893b 100644 --- a/phpBB/styles/prosilver/template/captcha_qa.html +++ b/phpBB/styles/prosilver/template/captcha_qa.html @@ -8,7 +8,7 @@ <dl> <dt><label>{QA_CONFIRM_QUESTION}{L_COLON}</label><br /><span>{L_CONFIRM_QUESTION_EXPLAIN}</span></dt> - <dd> + <dd class="captcha"> <input type="text" tabindex="{$CAPTCHA_TAB_INDEX}" name="qa_answer" id="answer" size="45" class="inputbox autowidth" title="{L_ANSWER}" /> <input type="hidden" name="qa_confirm_id" id="qa_confirm_id" value="{QA_CONFIRM_ID}" /> </dd> diff --git a/phpBB/styles/prosilver/template/captcha_recaptcha.html b/phpBB/styles/prosilver/template/captcha_recaptcha.html index bde0c9df13..3b6ce29beb 100644 --- a/phpBB/styles/prosilver/template/captcha_recaptcha.html +++ b/phpBB/styles/prosilver/template/captcha_recaptcha.html @@ -11,7 +11,7 @@ <!-- IF S_RECAPTCHA_AVAILABLE --> <dl> <dt><label>{L_CONFIRM_CODE}{L_COLON}</label><br /><span>{L_RECAPTCHA_EXPLAIN}</span></dt> - <dd> + <dd class="captcha"> <script type="text/javascript"> // <![CDATA[ var RecaptchaOptions = { diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index ed3ba61334..d15a3a5edc 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -350,6 +350,25 @@ fieldset.quick-login label[for="autologin"] { select, .inputbox { max-width: 260px; } + + dd.captcha { + margin-left: 0; + } + + dd.captcha-image img { + width: 100%; + } + + #recaptcha_challenge_image, + #recaptcha_response_field, + .recaptchatable #recaptcha_image { + margin: 0 !important; + width: 100% !important; + height: auto !important; + } + .recaptchatable #recaptcha_logo { + display: none !important; + } } @media only screen and (max-width: 430px), only screen and (max-device-width: 430px) { |