diff --git a/Dockerfile b/Dockerfile index 98cd4f5..8b648a1 100644 --- a/Dockerfile +++ b/Dockerfile @@ -21,4 +21,13 @@ RUN set -eux; \ cp /web-vault/_vaultnord/apple-touch-icon.png /web-vault/images/apple-touch-icon.png; \ sed -i 's###' /web-vault/index.html; \ sed -i 's###' /web-vault/index.html; \ - grep -q '_vaultnord/brand.css' /web-vault/index.html + grep -q '_vaultnord/brand.css' /web-vault/index.html; \ + \ + # Brandingen henger på navn i web-klienten. Finnes de ikke lenger, har + # oppstrøms endret noe, og pynten ville blitt stille borte. Da skal bygget + # stoppe her i stedet - se lista øverst i brand.css. + for marker in new-logo-themed bit-nav-logo bit-landing-footer \ + --color-brand-600 --color-illustration-bg-primary tw-min-h-screen; do \ + grep -rqs -- "$marker" /web-vault/ \ + || { echo "FANT IKKE '$marker' i web-klienten - brandingen må oppdateres" >&2; exit 1; }; \ + done diff --git a/brand/brand.css b/brand/brand.css index 2979957..090511a 100644 --- a/brand/brand.css +++ b/brand/brand.css @@ -1,11 +1,25 @@ /* Vaultnord-preg på hvelvet. - Legges oppå Bitwarden-klienten utenfra av brand-proxyen, så den overlever en - oppgradering av hvelvet. Prisen er at vi henger på klassenavn og CSS-variabler - fra web-klienten: ser noe rart ut etter en oppdatering, er det her du ser - først. Til gjengjeld er fiksen en CSS-linje, ikke en byggejobb. - - Variabelnavnene under er hentet fra web-klientens egen styles.css, der de er - definert per tema som RGB-tripler uten rgb(). */ + * --------------------------------------------------------------------------- + * Verifisert mot Vaultwarden web-klient 2026.7.0. + * + * Vi endrer ingen av klientens egne filer - alt her legges oppå. Det finnes + * derfor ingen fletting ved oppgradering; det som kan ryke er at klienten har + * byttet navn på noe vi henger på. Alle slike avhengigheter står i lista under, + * og bygget sjekker at de fortsatt finnes (se vault-image/Dockerfile). Feiler + * bygget etter en oppgradering, er det ett av disse punktene som har endret seg: + * + * img.new-logo-themed logo før appen starter + * bit-svg[aria-label*=logo] logo på innloggingssidene + * bit-nav-logo logo i sidemenyen etter innlogging + * --color-brand-050…950 fargetrappa alt annet peker inn i + * --color-illustration-* fargene i tegningene + * bit-landing-footer produktnavn og versjon nederst + * .tw-min-h-screen høyden vi må krympe for vår egen bunntekst + * + * Rekkefølgen i fila følger lista. Endrer du farger, hold deg til blokken + * "farger" - resten er kobling mot klienten, ikke smak. + * --------------------------------------------------------------------------- + */ /* --- logo ------------------------------------------------------------ */ /* To steder: den statiske i index.html før appen starter, og den Angular