mirror of
https://github.com/overleaf/overleaf.git
synced 2024-09-16 02:52:31 -04:00
Merge pull request #18396 from overleaf/ds-register-login-split-test-2
Website redesign - New round of split test for Register and login page GitOrigin-RevId: 69fe41b004eabe3efede27da80b9885b0fc2750b
This commit is contained in:
parent
554be73a36
commit
a4816d6e75
3 changed files with 64 additions and 2 deletions
|
@ -199,4 +199,22 @@
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.light-design {
|
||||||
|
.recaptcha-branding {
|
||||||
|
padding: @padding-sm 0;
|
||||||
|
text-align: center; // This is different from above
|
||||||
|
font-size: @font-size-extra-small;
|
||||||
|
|
||||||
|
& > a {
|
||||||
|
color: var(--emerald-green);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: var(--emerald-green-dark);
|
||||||
|
}
|
||||||
|
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -181,6 +181,11 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.flex-center {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
.login-btn {
|
.login-btn {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
@ -216,8 +221,10 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
input.form-control {
|
.form-group-password-input {
|
||||||
padding-right: 35px;
|
input.form-control {
|
||||||
|
padding-right: 35px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.visibility-toggle {
|
.visibility-toggle {
|
||||||
|
@ -238,6 +245,10 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.top-padding-computed-2 {
|
||||||
|
padding-top: @line-height-computed * 2;
|
||||||
|
}
|
||||||
|
|
||||||
.form-group-password-input {
|
.form-group-password-input {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@ -251,6 +262,12 @@
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// TODO: One of these two classes should be removed when test is tearing down.
|
||||||
|
.register-content-container-light {
|
||||||
|
.register-content-container;
|
||||||
|
background-color: @white;
|
||||||
|
}
|
||||||
|
|
||||||
.register-form {
|
.register-form {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
@ -338,6 +355,32 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// TODO: This is Temporary class for split test to center align the text, we can remove this during the tear down of the test based on the winner variant.
|
||||||
|
.light-variant {
|
||||||
|
.tos-agreement-notice {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 12px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: var(--emerald-green);
|
||||||
|
text-decoration: underline;
|
||||||
|
// text-decoration-;skip-ink is for letter with descender (like 'g' and 'y')
|
||||||
|
// this will force underline to not skip the descender
|
||||||
|
text-decoration-skip-ink: none;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: var(--emerald-green-dark);
|
||||||
|
}
|
||||||
|
|
||||||
|
// for accessibility with keyboard navigation
|
||||||
|
&:focus {
|
||||||
|
outline: 2px solid var(--emerald-green);
|
||||||
|
outline-offset: 1px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.register-header-logo {
|
.register-header-logo {
|
||||||
&:focus {
|
&:focus {
|
||||||
outline: 2px solid var(--emerald-green);
|
outline: 2px solid var(--emerald-green);
|
||||||
|
|
|
@ -431,6 +431,7 @@
|
||||||
"doing_this_will_verify_affiliation_and_allow_log_in_2": "Doing this will verify your affiliation with <0>__institutionName__</0> and will allow you to log in to <0>__appName__</0> through your institution.",
|
"doing_this_will_verify_affiliation_and_allow_log_in_2": "Doing this will verify your affiliation with <0>__institutionName__</0> and will allow you to log in to <0>__appName__</0> through your institution.",
|
||||||
"done": "Done",
|
"done": "Done",
|
||||||
"dont_have_account": "Don’t have an account?",
|
"dont_have_account": "Don’t have an account?",
|
||||||
|
"dont_have_account_without_question_mark": "Don’t have an account",
|
||||||
"download": "Download",
|
"download": "Download",
|
||||||
"download_metadata": "Download Overleaf metadata",
|
"download_metadata": "Download Overleaf metadata",
|
||||||
"download_pdf": "Download PDF",
|
"download_pdf": "Download PDF",
|
||||||
|
|
Loading…
Reference in a new issue