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:
M Fahru 2024-06-20 06:21:37 -07:00 committed by Copybot
parent 900f11dae2
commit b197aee92e
2 changed files with 17 additions and 10 deletions

View file

@ -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;

View file

@ -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 youll need the link below and a Git authentication token.",
"git_bridge_modal_use_previous_token": "If youre 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 youre already logged in to <b>__appName__</b> with the email <b>__email__</b>.",
"looks_like_youre_at": "It looks like youre 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",