Skip to content

Move brand logo styles to standalone stylesheet and class selector

Scott de Jonge requested to merge 389603-brand-logo into master

What does this MR do and why?

The brand logo needs to be consumed by a logged out header component !125252 (closed) and the super sidebar. The styles are coupled within the super sidebar context. Moving the brand logo to it's own styles with top-level class to simplify multiple instances.

Screenshots or screen recordings

Light Dark
127.0.0.1_3000_flightjs_Flight_-merge_requests_4__2 127.0.0.1_3000_flightjs_Flight_-merge_requests_4__3
127.0.0.1_3000_flightjs_Flight_-_merge_requests_4 127.0.0.1_3000_flightjs_Flight_-merge_requests_4__4
127.0.0.1_3000_flightjs_Flight_-merge_requests_4__1 127.0.0.1_3000_flightjs_Flight_-merge_requests_4__5

How to set up and validate locally

  1. Ensure new navigation is enabled
  2. Validate brand logo placement and background-color in light/dark mode

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #389603 (closed)

Merge request reports