fix: rebrand Overleaf strings, move user menu, fix logo + button alignment
Build and Deploy Verso / deploy (push) Successful in 14m49s

- en.json: replace 'Overleaf' with 'Verso' in 6 user-visible strings
  (email_already_registered, add_manager_user_not_found, compile_timeout,
  download_metadata, to_confirm_email address, welcome_opening_workspace)
- groups-and-enterprise-banner: use dynamic appName instead of hard-coded
  'Overleaf'
- SidebarLowerSection: add showAccountIcons prop (default true); set false
  in project dashboard sidebar — account menu is already in the top-right
  navbar, so the bottom-left duplicate is removed for all themes
- ds-nav-verso-logo: replace opacity-fade hover with scale+brightness
  transform so logo is fully visible at rest
- Lumière: scope new-project-dropdown sidebar padding to avoid misaligning
  the button when it appears next to the search bar in the header

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
claude
2026-06-11 13:58:17 +00:00
parent 074ff2791d
commit 5fa73fa8e3
6 changed files with 38 additions and 17 deletions
@@ -128,20 +128,21 @@ function BannerContent({
}: {
variant: GroupsAndEnterpriseBannerVariant
}) {
const { appName } = getMeta('ol-ExposedSettings')
switch (variant) {
case 'on-premise':
return (
<span>
Overleaf On-Premises: Does your company want to keep its data within
its firewall? Overleaf offers Server Pro, an on-premises solution for
{appName} On-Premises: Does your company want to keep its data within
its firewall? {appName} offers Server Pro, an on-premises solution for
companies. Get in touch to learn more.
</span>
)
case 'FOMO':
return (
<span>
Why do Fortune 500 companies and top research institutions trust
Overleaf to streamline their collaboration? Get in touch to learn
Why do Fortune 500 companies and top research institutions trust{' '}
{appName} to streamline their collaboration? Get in touch to learn
more.
</span>
)
@@ -66,7 +66,7 @@ function SidebarDsNav() {
scrolledUp && 'show-shadow'
)}
>
<SidebarLowerSection showThemeToggle>
<SidebarLowerSection showThemeToggle showAccountIcons={false}>
<div className="project-list-sidebar-survey-wrapper">
<SurveyWidgetDsNav />
</div>
@@ -16,11 +16,13 @@ import versoLogoDark from '@/shared/svgs/verso-logo-dark.svg'
export function SidebarLowerSection({
showThemeToggle = false,
showAccountIcons = true,
accountRef,
onAccountOpen,
children,
}: {
showThemeToggle?: boolean
showAccountIcons?: boolean
accountRef?: Ref<HTMLDivElement>
onAccountOpen?: () => void
children?: React.ReactNode
@@ -42,7 +44,7 @@ export function SidebarLowerSection({
return (
<>
{children}
<nav
{showAccountIcons && <nav
className="d-flex flex-row gap-3 mb-2"
aria-label={t('account_help')}
>
@@ -132,7 +134,7 @@ export function SidebarLowerSection({
</Dropdown.Menu>
</Dropdown>
)}
</nav>
</nav>}
<a
href="/"
className="ds-nav-verso-logo"
@@ -250,6 +250,12 @@ body {
.ds-nav-verso-logo {
margin-left: calc(-1 * var(--spacing-05));
margin-right: calc(-1 * var(--spacing-08));
transition: transform 0.2s ease, filter 0.2s ease;
&:hover {
transform: scale(1.04);
filter: brightness(1.1);
}
img {
width: 100%;
@@ -74,9 +74,19 @@ $lum-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
// SIDEBAR — New Project button
// ══════════════════════════════════════════════════════════════════════════
.new-project-dropdown {
// New Project button in the sidebar only (not in the header actions row)
.project-list-sidebar-wrapper-react .new-project-dropdown {
padding-bottom: 0.75rem;
}
// When the button appears inline next to the search bar, strip extra spacing
.lumiere-header-actions .new-project-dropdown {
padding-bottom: 0;
display: flex;
align-items: center;
}
.new-project-dropdown {
.new-project-button.btn {
width: 100%;
background: linear-gradient(135deg, $lum-teal 0%, $lum-blue 100%) !important;
@@ -193,10 +203,12 @@ $lum-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
border-top: 1px solid $lum-border;
padding-top: 0.6rem;
margin-top: 0.25rem;
opacity: 0.7;
transition: opacity 0.15s ease;
transition: transform 0.2s ease, filter 0.2s ease;
&:hover { opacity: 1; }
&:hover {
transform: scale(1.04);
filter: brightness(1.08) drop-shadow(0 2px 6px rgba($lum-teal, 0.25));
}
}
.theme-toggle-radios {
+6 -6
View File
@@ -101,7 +101,7 @@
"add_email_address": "Add email address",
"add_email_to_claim_features": "Add your university email address to see if you qualify.",
"add_files": "Add files",
"add_manager_user_not_found": "This email address is not registered in Overleaf. Please ask the person you are trying to add as a manager to create an Overleaf account if they have not already done so. When adding a manager, please use one of the email addresses that are associated with their account.",
"add_manager_user_not_found": "This email address is not registered in Verso. Please ask the person you are trying to add as a manager to create a Verso account if they have not already done so. When adding a manager, please use one of the email addresses that are associated with their account.",
"add_more_collaborators": "Add more collaborators",
"add_more_licenses_to_my_plan": "Add more licenses to my plan",
"add_more_manager_emails": "Add more manager emails",
@@ -465,7 +465,7 @@
"compile_speed_explanation": "Generate your PDF faster with increased server speed.",
"compile_terminated_by_user": "The compile was cancelled using the Stop compilation button. You can download the raw logs to see where the compile stopped.",
"compile_timeout": "Compile timeout",
"compile_timeout_explanation": "The maximum time Overleaf will spend generating your PDF. Larger or more complex documents can take longer to compile.",
"compile_timeout_explanation": "The maximum time Verso will spend generating your PDF. Larger or more complex documents can take longer to compile.",
"compile_timeout_modal_intro": "24x compile time on the fastest servers, plus...",
"compile_timeout_short": "Compile timeout",
"compile_timeout_short_info_new": "This is how much time you get to compile your project on Overleaf. You may need additional time for longer or more complex projects.",
@@ -703,7 +703,7 @@
"download_as_source_zip": "Download as source (.zip)",
"download_as_standalone_html": "Download standalone HTML",
"download_csv": "Download CSV",
"download_metadata": "Download Overleaf metadata",
"download_metadata": "Download Verso metadata",
"download_pdf": "Download PDF",
"download_zip_file": "Download .zip file",
"draft_sso_configuration": "Draft SSO configuration",
@@ -781,7 +781,7 @@
"email": "Email",
"email_address": "Email address",
"email_address_is_invalid": "Email address is invalid",
"email_already_registered": "This email address is already associated with a different Overleaf account.",
"email_already_registered": "This email address is already associated with a different Verso account.",
"email_already_registered_secondary": "This email is already registered as a secondary email",
"email_already_registered_sso": "This email is already registered. Please log in to your account another way and link your account to the new provider via your account settings.",
"email_attribute": "Email attribute",
@@ -2758,7 +2758,7 @@
"to_add_email_accounts_need_to_be_linked_2": "To add this email, your <0>__appName__</0> and <0>__institutionName__</0> accounts will need to be linked.",
"to_add_more_collaborators": "To add more collaborators or turn on link sharing, please ask the project owner",
"to_change_access_permissions": "To change access permissions, please ask the project owner",
"to_confirm_email_address_you_must_be_logged_in_with_the_requesting_account": "To confirm an email address, you <b>must be logged in</b> with the <b>Overleaf account that requested the new secondary email</b>.",
"to_confirm_email_address_you_must_be_logged_in_with_the_requesting_account": "To confirm an email address, you <b>must be logged in</b> with the <b>Verso account that requested the new secondary email</b>.",
"to_confirm_transfer_enter_email_address": "To accept the invitation, enter the email address linked to your account.",
"to_confirm_unlink_all_users_enter_email": "To confirm you want to unlink all users, enter your email address:",
"to_continue_using_upgrade_or_change_your_browser": "To continue using __appName__ without problems you need to upgrade or change to a <0>supported browser</0>.",
@@ -3078,7 +3078,7 @@
"webinars": "Webinars",
"website_status": "Website status",
"wed_love_you_to_stay": "Wed love you to stay",
"welcome_to_overleaf_opening_workspace": "Welcome to Overleaf. Opening your workspace.",
"welcome_to_overleaf_opening_workspace": "Welcome to Verso. Opening your workspace.",
"welcome_to_plan": "Welcome to __planName__!",
"welcome_to_sl": "Welcome to __appName__",
"well_be_here_when_youre_ready": "Well be here when youre ready to dive back in! 🦆",