fix: center Verso logo on all pages and theme both footers
Build and Deploy Verso / deploy (push) Successful in 14m59s

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 <noreply@anthropic.com>
This commit is contained in:
claude
2026-06-12 08:59:22 +00:00
parent 464aee7612
commit 88ddbd2513
7 changed files with 30 additions and 10 deletions
+1 -1
View File
@@ -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
File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 30 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 30 KiB

@@ -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;
@@ -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;
}
}
@@ -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;
File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 30 KiB