three bugs with login box in RTL

Question

1. in RTL, "Login" button should be on right and register button on the left (exactly opposite of LTR)
2. The icons on the "Email or username" and "password" fileds should be on the right not on the left.
3. "Remember" text and its tick box should be on the right in RTL not on the left.

Answer 1

qa-theme/MaxControl/css/base-style-rtl.css

Line #307

Find

#qa-loginform #qa-rememberbox{
    float:left;
    padding:7px 5px 1px;
}
#qa-loginform #qa-rememberme{
    margin:0 5px 0 0;
    float:left;
}
#qa-loginform #qa-remember{
    display:block;
    line-height:14px;
    float:left;
}

Replace

#qa-loginform #qa-rememberbox{
    float:right;
    padding:7px 5px 1px;
}
#qa-loginform #qa-rememberme{
    margin:0 0 0 5px;
    float:right;
}
#qa-loginform #qa-remember{
    display:block;
    line-height:14px;
    float:right;
}

Line #331

Find

qa-login{left:0;}
.qa-nav-user-register .qa-nav-user-link{right:0;}

Replace

#qa-login{right:0;}
.qa-nav-user-register .qa-nav-user-link{left:0;}

---

qa-theme/MaxControl/css/color.php

Line #105

Find

#qa-userid,#qa-password{
    width: 100%;
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 34px;
}

Replace

#qa-userid,#qa-password{
    width: 100%;
    background-repeat: no-repeat;
    background-position: right center;
    padding-left: 34px;
}

Comments

Thanks. However your last code should be changed into

#qa-userid,#qa-password{
    width: 100%;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 34px;
}

Otherwise, the icons and the text clash.

---

Glad the issue has been resolved..

BTW, Your code is the exactly the same as my last code (replace one).

---

Mine and yours are different by one last line. Yours is

padding-left: 34px;

but mine is

padding-right: 34px;

---

Oh yes! overlooked that.. Thanks to notify.