Changeset 6671

Timestamp:

02/17/2018 11:25:37 AM (7 years ago)

Author:

ocean90

Message:

Login: Add RTL styles and improve alignment of checkbox label for mailing list.

See #1673.
Fixes #3462.

Location:

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-login

Files:

• register.php (modified) (2 diffs)
• stylesheets/login.css (modified) (7 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-login/register.php

@@ -77 +77 @@
 
     <p class="login-mailinglist">
-        <label>
+        <label for="user_mailinglist">
             <input name="user_mailinglist" type="checkbox" id="user_mailinglist" value="true" <?php checked( $user_mailinglist, true ); ?>>
             <?php _e( 'Subscribe to WordPress Announcements mailing list (a few messages a year)', 'wporg' ); ?>
@@ -89 +89 @@
 
     <p class="login-submit">
-        <input data-sitekey="<?php echo esc_attr( RECAPTCHA_INVIS_PUBKEY  ); ?>" data-callback='onSubmit' type="submit" name="wp-submit" id="wp-submit" class="g-recaptcha button button-primary" value="<?php esc_attr_e( 'Create Account', 'wporg' ); ?>" />
+        <input data-sitekey="<?php echo esc_attr( RECAPTCHA_INVIS_PUBKEY  ); ?>" data-callback='onSubmit' type="submit" name="wp-submit" id="wp-submit" class="button button-primary button-large" value="<?php esc_attr_e( 'Create Account', 'wporg' ); ?>" />
     </p>
 

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-login/stylesheets/login.css

@@ -225 +225 @@
 
 #login #login_error {
-    border-left: 4px solid #00a0d2;
+    border-left: 4px solid #dc3232;
     padding: 12px;
     margin: -24px 0 24px -24px;
@@ -235 +235 @@
 }
 
-#login #login_error {
-    border-left-color: #dc3232;
+.rtl #login #login_error {
+    border-left: 0;
+    border-right: 4px solid #dc3232;
+    margin: -24px -24px 24px 0;
 }
 
@@ -399 +401 @@
 }
 
+body.rtl.route-register #login .message.error,
+body.rtl.route-register-profile #login .message.error,
+body.rtl.route-register-confirm #login .message.error {
+    border-right-color: #dc3232;
+}
+
 body.route-register .message.error .avatar {
     border-radius: 50%;
@@ -406 +414 @@
 }
 
+body.rtl.route-register .message.error .avatar {
+    margin-right: 0;
+    margin-left: 1em;
+}
+
 body.route-register-profile #login .message.info {
     margin-top: -24px;
@@ -417 +430 @@
 
 form .login-mailinglist label {
+    position: relative;
+    display: block;
+    padding-left: 24px;
     font-size: 12px;
-    cursor: pointer;
+    line-height: 19px;
+}
+
+.rtl form .login-mailinglist label {
+    padding-left: 0;
+    padding-right: 24px;
+}
+
+@media screen and (max-width: 782px) {
+    form .login-mailinglist label {
+        padding-left: 33px;
+    }
+
+    .rtl form .login-mailinglist label {
+        padding-left: 0;
+        padding-right: 33px;
+    }
 }
 
 form .login-mailinglist label input {
-    float: left;
-    margin: 0.5em 0.5em 0 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    margin: 2px 0 0;
+}
+
+.rtl form .login-mailinglist label input {
+    left: auto;
+    right: 0;
 }
 
@@ -465 +504 @@
     }
 
+    .rtl #login #login_error {
+        margin-right: 0;
+    }
+
     #login {
         margin-top: 52px;
@@ -482 +525 @@
     }
 
-    #rc-imageselect, .g-recaptcha {
+    #rc-imageselect {
         margin: 0 auto;
         transform: scale(0.8);