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(
|
img.verso-login-logo(
|
||||||
src=buildImgPath('ol-brand/verso-logo.svg')
|
src=buildImgPath('ol-brand/verso-logo.svg')
|
||||||
alt='Verso'
|
alt='Verso'
|
||||||
style='width:100%;max-width:480px;height:auto'
|
style='width:100%;height:auto'
|
||||||
)
|
)
|
||||||
.row
|
.row
|
||||||
.login-lumiere-card.col-lg-6.offset-lg-3.col-xl-4.offset-xl-4
|
.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 {
|
.verso-login-logo {
|
||||||
display: block;
|
display: block;
|
||||||
margin: 0 auto;
|
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 {
|
.login-lumiere-card {
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
|
|||||||
@@ -245,8 +245,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// The Verso wordmark bleeds past the lower section's padding to span
|
// 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
|
// the full sidebar column width; width:100% then fills that space.
|
||||||
// centered so the wordmark fills the available width (all themes).
|
|
||||||
.ds-nav-verso-logo {
|
.ds-nav-verso-logo {
|
||||||
margin-left: calc(-1 * var(--spacing-05));
|
margin-left: calc(-1 * var(--spacing-05));
|
||||||
margin-right: calc(-1 * var(--spacing-08));
|
margin-right: calc(-1 * var(--spacing-08));
|
||||||
@@ -261,8 +260,6 @@ body {
|
|||||||
display: block;
|
display: block;
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
height: auto;
|
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.
|
// regardless of the user's theme preference.
|
||||||
|
|
||||||
.project-list-lumiere .fat-footer {
|
.project-list-lumiere .fat-footer {
|
||||||
background-color: #e6f4f1 !important;
|
background: #c8e4de !important;
|
||||||
color: $lum-text !important;
|
color: $lum-text !important;
|
||||||
border-top: 1px solid $lum-border;
|
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