From 88ddbd251329ed0a03a65c957b815865c675bd2f Mon Sep 17 00:00:00 2001 From: claude Date: Fri, 12 Jun 2026 08:59:22 +0000 Subject: [PATCH] fix: center Verso logo on all pages and theme both footers MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Trim SVG viewBox from 760 to 590 (content ends ~x=570; the blank right whitespace was making the wordmark look left-biased). Remove the scale(1.2) transform from the sidebar logo — the negative-margin container already fills the sidebar width. Change login logo max-width to be CSS-controlled only (removed inline 480px override). Footer: switch to `background` shorthand !important so the dark-theme `var(--footer-background)` shorthand can't compete; deepen the teal to #c8e4de so the Lumière colour is clearly visible. Add a `body:has(.login-page) .fat-footer` rule so the login-page footer gets the same treatment. Co-Authored-By: Claude Sonnet 4.6 --- services/web/app/views/user/login.pug | 2 +- .../js/shared/svgs/verso-logo-dark.svg | 2 +- .../frontend/js/shared/svgs/verso-logo.svg | 2 +- .../stylesheets/pages/login-register.scss | 25 ++++++++++++++++++- .../pages/project-list-ds-nav.scss | 5 +--- .../pages/project-list-lumiere.scss | 2 +- .../web/public/img/ol-brand/verso-logo.svg | 2 +- 7 files changed, 30 insertions(+), 10 deletions(-) diff --git a/services/web/app/views/user/login.pug b/services/web/app/views/user/login.pug index 4cf7a0bc5e..a6425d077b 100644 --- a/services/web/app/views/user/login.pug +++ b/services/web/app/views/user/login.pug @@ -13,7 +13,7 @@ block content img.verso-login-logo( src=buildImgPath('ol-brand/verso-logo.svg') alt='Verso' - style='width:100%;max-width:480px;height:auto' + style='width:100%;height:auto' ) .row .login-lumiere-card.col-lg-6.offset-lg-3.col-xl-4.offset-xl-4 diff --git a/services/web/frontend/js/shared/svgs/verso-logo-dark.svg b/services/web/frontend/js/shared/svgs/verso-logo-dark.svg index 7c2e6d1775..6cfabe57f6 100644 --- a/services/web/frontend/js/shared/svgs/verso-logo-dark.svg +++ b/services/web/frontend/js/shared/svgs/verso-logo-dark.svg @@ -1,4 +1,4 @@ - + diff --git a/services/web/frontend/js/shared/svgs/verso-logo.svg b/services/web/frontend/js/shared/svgs/verso-logo.svg index 6c544182b3..ccf0e2d6cb 100644 --- a/services/web/frontend/js/shared/svgs/verso-logo.svg +++ b/services/web/frontend/js/shared/svgs/verso-logo.svg @@ -1,4 +1,4 @@ - + diff --git a/services/web/frontend/stylesheets/pages/login-register.scss b/services/web/frontend/stylesheets/pages/login-register.scss index c499b5df05..0de880f21a 100644 --- a/services/web/frontend/stylesheets/pages/login-register.scss +++ b/services/web/frontend/stylesheets/pages/login-register.scss @@ -47,10 +47,33 @@ .verso-login-logo { display: block; margin: 0 auto; - max-width: 300px; + max-width: 300px !important; } } +// ── Login page footer — Lumière override ────────────────────────────────────── +body:has(.login-page) .fat-footer { + background: #c8e4de !important; + color: #1a2e3b !important; + border-top: 1px solid rgba(42, 157, 143, 0.2); + + .footer-section-heading { + color: #2a9d8f !important; + } + + .fat-footer-base { + color: #4a5568 !important; + + #language-picker-toggle { + color: #64748b !important; + } + } + + --link-color: #64748b; + --link-hover-color: #2a9d8f; + --link-visited-color: #64748b; +} + .login-lumiere-card { padding: 0 !important; background: #fff; diff --git a/services/web/frontend/stylesheets/pages/project-list-ds-nav.scss b/services/web/frontend/stylesheets/pages/project-list-ds-nav.scss index 7fe45245fa..b0caf950fd 100644 --- a/services/web/frontend/stylesheets/pages/project-list-ds-nav.scss +++ b/services/web/frontend/stylesheets/pages/project-list-ds-nav.scss @@ -245,8 +245,7 @@ body { } // The Verso wordmark bleeds past the lower section's padding to span - // the full sidebar column width, then the image is scaled to 120% and - // centered so the wordmark fills the available width (all themes). + // the full sidebar column width; width:100% then fills that space. .ds-nav-verso-logo { margin-left: calc(-1 * var(--spacing-05)); margin-right: calc(-1 * var(--spacing-08)); @@ -261,8 +260,6 @@ body { display: block; width: 100% !important; height: auto; - transform: scale(1.2); - transform-origin: center center; } } diff --git a/services/web/frontend/stylesheets/pages/project-list-lumiere.scss b/services/web/frontend/stylesheets/pages/project-list-lumiere.scss index d99750ac5c..90169d64cc 100644 --- a/services/web/frontend/stylesheets/pages/project-list-lumiere.scss +++ b/services/web/frontend/stylesheets/pages/project-list-lumiere.scss @@ -643,7 +643,7 @@ $lum-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi // regardless of the user's theme preference. .project-list-lumiere .fat-footer { - background-color: #e6f4f1 !important; + background: #c8e4de !important; color: $lum-text !important; border-top: 1px solid $lum-border; diff --git a/services/web/public/img/ol-brand/verso-logo.svg b/services/web/public/img/ol-brand/verso-logo.svg index 6c544182b3..ccf0e2d6cb 100644 --- a/services/web/public/img/ol-brand/verso-logo.svg +++ b/services/web/public/img/ol-brand/verso-logo.svg @@ -1,4 +1,4 @@ - +