fix: center Verso logo on all pages and theme both footers
Build and Deploy Verso / deploy (push) Successful in 14m59s
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:
@@ -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 |
Reference in New Issue
Block a user