Synk fra arbeidsrepoet
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user