Theopolisme has uploaded a new change for review.

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


Change subject: Add styling for fancycaptcha refresh link
......................................................................

Add styling for fancycaptcha refresh link

Bug: 51482
Change-Id: Iaa02fe9e942df29c6a8881614185029d444ddfa2
---
M includes/skins/UserAccountCreateMobileTemplate.php
A less/specials/images/login/refresh.png
A less/specials/images/login/refresh.svg
M less/specials/userlogin.less
4 files changed, 33 insertions(+), 1 deletion(-)


  git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MobileFrontend 
refs/changes/73/106473/1

diff --git a/includes/skins/UserAccountCreateMobileTemplate.php 
b/includes/skins/UserAccountCreateMobileTemplate.php
index 0c1ecf0..5c2c17c 100644
--- a/includes/skins/UserAccountCreateMobileTemplate.php
+++ b/includes/skins/UserAccountCreateMobileTemplate.php
@@ -123,13 +123,15 @@
                                $output->addModuleStyles( 
'ext.confirmEdit.fancyCaptcha.styles' );
                                $output->addModules( 
'ext.confirmEdit.fancyCaptchaMobile' );
                                $captchaReload = Html::element( 'br' ) .
+                                       Html::openElement( 'div', array( 'id' 
=> 'mf-captcha-reload-container' ) ) .
                                        Html::element(
                                                'span',
                                                array(
                                                        'class' => 
'confirmedit-captcha-reload fancycaptcha-reload'
                                                ),
                                                wfMessage( 
'fancycaptcha-reload-text' )->text()
-                                       );
+                                       ) .
+                                       Html::closeElement( 'div' ); 
#mf-captcha-reload-container
                        }
                }
                else {
diff --git a/less/specials/images/login/refresh.png 
b/less/specials/images/login/refresh.png
new file mode 100644
index 0000000..8dc3b67
--- /dev/null
+++ b/less/specials/images/login/refresh.png
Binary files differ
diff --git a/less/specials/images/login/refresh.svg 
b/less/specials/images/login/refresh.svg
new file mode 100644
index 0000000..bcd024f
--- /dev/null
+++ b/less/specials/images/login/refresh.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.2, SVG Export Plug-In . SVG Version: 
6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd";>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"; 
xmlns:xlink="http://www.w3.org/1999/xlink"; x="0px" y="0px"
+        width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 
0 0 40 40" xml:space="preserve">
+<path fill="#787878" 
d="M33.117,6.516c-3.263-3-7.613-4.835-12.385-4.835C10.632,1.681,2.414,9.899,2.414,20
+       
s8.218,18.319,18.319,18.319c5.042,0,9.615-2.048,12.93-5.356l-3.625-3.625c-2.387,2.378-5.677,3.852-9.305,3.852
+       
C13.46,33.189,7.543,27.273,7.543,20S13.46,6.811,20.733,6.811c3.357,0,6.424,1.263,8.754,3.336l-4.358,4.358h7.589h4.868v-1.68
+       V2.048L33.117,6.516z"/>
+</svg>
diff --git a/less/specials/userlogin.less b/less/specials/userlogin.less
index 9ef6724..0b57dbc 100644
--- a/less/specials/userlogin.less
+++ b/less/specials/userlogin.less
@@ -49,3 +49,23 @@
                text-align: center;
        }
 }
+
+/* fancycaptcha reload button */
+#mf-captcha-reload-container {
+       border-top: 1px dashed #e1e1e1;
+       display: inline-block;
+       padding: 14px 25%;
+
+       .fancycaptcha-reload {
+               color: #787878;
+               font-weight: bold;
+               background-image: url(images/login/refresh.png);
+               background-repeat: no-repeat;
+               background-size: 24px;
+               padding: 4px 0px 4px 26px;
+       }
+
+       .fancycaptcha-reload-loading {
+               background-image: @ajaxLoadingImage;
+       }
+}

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

Gerrit-MessageType: newchange
Gerrit-Change-Id: Iaa02fe9e942df29c6a8881614185029d444ddfa2
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/MobileFrontend
Gerrit-Branch: master
Gerrit-Owner: Theopolisme <[email protected]>

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

Reply via email to