diff --git a/brand-proxy/static/brand.css b/brand-proxy/static/brand.css index 0d047fe..8a27d0d 100644 --- a/brand-proxy/static/brand.css +++ b/brand-proxy/static/brand.css @@ -14,17 +14,20 @@ .theme_dark img.new-logo-themed { content: url(/_vaultnord/logo-white.png) !important; } img.new-logo-themed { width: 190px !important; height: auto !important; } -bit-landing-header a bit-svg, -bit-landing-header a svg { +/* Klienten merker logoene sine med aria-label. Det er mer stabilt å henge på + enn komponentnavn, og treffer både innloggingssidene og skallet innenfor. */ +bit-svg[aria-label*="logo" i] { display: none !important; } -bit-landing-header a { +a:has(> bit-svg[aria-label*="logo" i]), +bit-landing-header a:has(bit-svg) { display: block !important; - width: 190px; - height: 42px; + min-width: 150px; + height: 40px; background: url(/_vaultnord/logo-white.png) left center / contain no-repeat; } -.theme_light bit-landing-header a { +.theme_light a:has(> bit-svg[aria-label*="logo" i]), +.theme_light bit-landing-header a:has(bit-svg) { background-image: url(/_vaultnord/logo.png); } @@ -113,19 +116,26 @@ bit-landing-footer footer > div:nth-of-type(3)::before { klientens layout er min-h-screen, så deres egen bunntekst havner nøyaktig der en fast stripe ligger. Padding hjelper ikke, for stripen følger vinduet. Løsningen er å krympe "en skjermhøyde" med akkurat stripens høyde. */ -.tw-min-h-screen { +body.layout_frontend .tw-min-h-screen { min-height: calc(100vh - 46px) !important; } -.tw-h-screen { +body.layout_frontend .tw-h-screen { height: calc(100vh - 46px) !important; } /* Og når innholdet er høyere enn vinduet: uten denne ligger stripen oppå det siste avsnittet når man har rullet helt ned. Begge deler trengs - den ene for korte sider, den andre for lange. */ -body { +body.layout_frontend { padding-bottom: 46px !important; } +/* Inne i det innloggede skallet er det ingen plass å ta - der har klienten sin + egen rullebeholder med fast høyde. Kildekodelenken står uansett på + innloggingssiden, som er der alle begynner. */ +body:not(.layout_frontend) #vaultnord-footer { + display: none !important; +} + #vaultnord-footer { position: fixed; bottom: 0;