Spage has uploaded a new change for review.

  https://gerrit.wikimedia.org/r/62191


Change subject: Position the "Refresh" link over the image
......................................................................

Position the "Refresh" link over the image

This changes the CSS of the .fancycaptcha-image-container to allow
positioning within it, and repositions .fancycaptcha-reload at its
lower-right.  The container is taller than nearly all images, but
there's a chance the ↻Refresh link might obscure part of a captcha
image.

This breaks the new create account form's repositioning of the
FancyCaptcha using JS, so don't +2 until that is updated.

Bug: 47699
Change-Id: I57be0bc8aa80b9ea6148db979ad28397d2107b86
---
M FancyCaptcha.class.php
M resources/ext.confirmEdit.fancyCaptcha.css
2 files changed, 6 insertions(+), 1 deletion(-)


  git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ConfirmEdit 
refs/changes/91/62191/1

diff --git a/FancyCaptcha.class.php b/FancyCaptcha.class.php
index 128dacf..7ea9933 100644
--- a/FancyCaptcha.class.php
+++ b/FancyCaptcha.class.php
@@ -119,6 +119,7 @@
                                        'alt'    => ''
                                )
                        ) .
+                       $captchaReload .
                        "</div>\n" .
                        '<p>' .
                        Html::element( 'label', array(
@@ -137,7 +138,6 @@
                                        'tabindex' => 1
                                )
                        ) . // tab in before the edit textarea
-                       $captchaReload .
                        Html::element( 'input', array(
                                        'type'  => 'hidden',
                                        'name'  => 'wpCaptchaId',
diff --git a/resources/ext.confirmEdit.fancyCaptcha.css 
b/resources/ext.confirmEdit.fancyCaptcha.css
index 738cf90..3819683 100644
--- a/resources/ext.confirmEdit.fancyCaptcha.css
+++ b/resources/ext.confirmEdit.fancyCaptcha.css
@@ -7,6 +7,8 @@
 layout, for normal CAPTCHA sizes. */
 .fancycaptcha-image-container {
        min-height: 95px;
+       position: relative; /* Want to position reload within this */
+       display: inline-block;
 }
 
 .client-nojs .fancycaptcha-reload {
@@ -22,6 +24,9 @@
        color: #0645AD;
        cursor: pointer;
        cursor: hand;
+       position: absolute;
+       bottom: 0;
+       right: 0;
 }
 
 .fancycaptcha-reload:hover {

-- 
To view, visit https://gerrit.wikimedia.org/r/62191
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: newchange
Gerrit-Change-Id: I57be0bc8aa80b9ea6148db979ad28397d2107b86
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/ConfirmEdit
Gerrit-Branch: master
Gerrit-Owner: Spage <[email protected]>

_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits

Reply via email to