mirror of
https://github.com/overleaf/overleaf.git
synced 2025-03-01 02:24:35 +00:00
Merge pull request #18879 from overleaf/ds-plans-page-new-design-mobile-plans-2
Website redesign - Plans page new-design mobile screen plans card (2) GitOrigin-RevId: d74f4d0769ae7a248226d2369a5419e26946e26d
This commit is contained in:
parent
900f11dae2
commit
b197aee92e
2 changed files with 17 additions and 10 deletions
|
@ -506,10 +506,10 @@
|
|||
|
||||
// ------------------------------------------------------------------
|
||||
// ------------------------------------------------------------------
|
||||
// These comments will be deleted before merging this PR
|
||||
// These comments will be deleted when the cards section is completed for mobile screens.
|
||||
// Below is the styling for plans cards on mobile screen
|
||||
|
||||
.mobile-plans-card-container {
|
||||
.plans-card-container-mobile {
|
||||
width: 100%;
|
||||
|
||||
.mt-spacing-06 {
|
||||
|
@ -520,7 +520,7 @@
|
|||
border: 2px solid @green-50 !important;
|
||||
}
|
||||
|
||||
.mobile-plans-card {
|
||||
.plans-card-mobile {
|
||||
padding: @spacing-09;
|
||||
border: 2px solid @neutral-20;
|
||||
width: 100%; // might need max-width
|
||||
|
@ -528,14 +528,14 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.plans-name {
|
||||
.plans-card-title-mobile {
|
||||
color: @neutral-90;
|
||||
font-size: @font-size-05; // 20px
|
||||
font-weight: 600;
|
||||
line-height: @line-height-04;
|
||||
}
|
||||
|
||||
.old-price {
|
||||
.old-price-plans-card-mobile {
|
||||
padding: @spacing-04 0 0 0;
|
||||
color: @neutral-40;
|
||||
font-size: @font-size-04; // 18px
|
||||
|
@ -544,10 +544,10 @@
|
|||
margin-bottom: -@spacing-04;
|
||||
}
|
||||
|
||||
.price-container {
|
||||
.plans-card-price-container-mobile {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
.price {
|
||||
.plans-card-price-mobile {
|
||||
color: @neutral-90;
|
||||
font-size: @font-size-08; // 36px
|
||||
font-weight: 600;
|
||||
|
@ -562,13 +562,13 @@
|
|||
line-height: @line-height-02;
|
||||
}
|
||||
|
||||
.description {
|
||||
.plans-card-description-mobile {
|
||||
.green-round-background {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.bullets {
|
||||
.plans-card-description-list-mobile {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
margin-bottom: unset;
|
||||
|
@ -578,7 +578,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.cta-buy-now {
|
||||
.plans-card-cta-buy-now-mobile {
|
||||
width: 100%;
|
||||
margin-top: @spacing-08;
|
||||
line-height: @line-height-03;
|
||||
|
|
|
@ -165,6 +165,7 @@
|
|||
"back_to_subscription": "Back to Subscription",
|
||||
"back_to_your_projects": "Back to your projects",
|
||||
"basic": "Basic",
|
||||
"basic_compile_timeout_on_fast_servers": "Basic compile timeout on fast servers",
|
||||
"become_an_advisor": "Become an __appName__ advisor",
|
||||
"before_you_use_the_ai_error_assistant": "Before you use the AI error assistant",
|
||||
"best_choices_companies_universities_non_profits": "Best choice for companies, universities and non-profits",
|
||||
|
@ -554,6 +555,8 @@
|
|||
"es": "Spanish",
|
||||
"estimated_number_of_overleaf_users": "Estimated number of __appName__ users",
|
||||
"every": "per",
|
||||
"everything_in_free": "Everything in Free, plus...",
|
||||
"everything_in_standard_plus": "Everything in Standard, plus...",
|
||||
"example": "Example",
|
||||
"example_project": "Example Project",
|
||||
"examples": "Examples",
|
||||
|
@ -714,6 +717,7 @@
|
|||
"git_bridge_modal_tokens_description": "To git clone your project you’ll need the link below and a Git authentication token.",
|
||||
"git_bridge_modal_use_previous_token": "If you’re prompted for a password, you can use a previously generated Git authentication token. Or you can generate a new one in Account Settings. For more support, read our <0>help page</0>.",
|
||||
"git_bridge_modal_you_can_also_git_clone": "You can also git clone your project by using the link below and a Git authentication token.",
|
||||
"git_gitHub_dropbox_mendeley_and_zotero_integrations": "Git, GitHub, Dropbox, Mendeley, and Zotero integrations",
|
||||
"git_integration": "Git Integration",
|
||||
"git_integration_info": "With Git integration, you can clone your Overleaf projects with Git. For full instructions on how to do this, read <0>our help page</0>.",
|
||||
"git_integration_lowercase": "Git integration",
|
||||
|
@ -1088,6 +1092,7 @@
|
|||
"login_with_service": "Log in with __service__",
|
||||
"logs_and_output_files": "Logs and output files",
|
||||
"longer_compile_timeout": "Longer <0>compile timeout</0>",
|
||||
"longer_compile_timeout_on_faster_servers": "Longer compile timeout on faster servers",
|
||||
"looking_multiple_licenses": "Looking for multiple licenses?",
|
||||
"looks_like_logged_in_with_email": "It looks like you’re already logged in to <b>__appName__</b> with the email <b>__email__</b>.",
|
||||
"looks_like_youre_at": "It looks like you’re at <0>__institutionName__</0>.",
|
||||
|
@ -1269,6 +1274,7 @@
|
|||
"on": "On",
|
||||
"on_free_plan_upgrade_to_access_features": "You are on the __appName__ Free plan. Upgrade to access these <0>Premium Features</0>",
|
||||
"one_collaborator": "Only one collaborator",
|
||||
"one_collaborator_per_project": "1 collaborator per project",
|
||||
"one_free_collab": "One free collaborator",
|
||||
"one_per_project": "1 per project",
|
||||
"one_step_away_from_professional_features": "You are one step away from accessing <0>Overleaf Professional features</0>!",
|
||||
|
@ -2090,6 +2096,7 @@
|
|||
"unlimited": "Unlimited",
|
||||
"unlimited_bold": "<0>Unlimited</0>",
|
||||
"unlimited_collaborators_in_each_project": "Unlimited collaborators in each project",
|
||||
"unlimited_collaborators_per_project": "Unlimited collaborators per project",
|
||||
"unlimited_collabs": "Unlimited collaborators",
|
||||
"unlimited_collabs_rt": "<0>Unlimited</0> collaborators",
|
||||
"unlimited_projects": "Unlimited projects",
|
||||
|
|
Loading…
Reference in a new issue