Default logo on bg-dark is not accessible

Created on 1 February 2024, 10 months ago
Updated 25 April 2024, 7 months ago

Problem/Motivation

Out of the box it looks like the default logo from the theme is too dark for the header it resides in due to the SVG being output in an <img> tag, making native CSS styling impossible.

Steps to reproduce

Proposed resolution

  • Use an include on the site_logo to render the SVG code.
  • Add an additional CSS selector (.navbar svg, .navbar img {}) to set the height attribute as we had with the img tag. Chaining for backwards compatibility.


Remaining tasks

- Someone review MR: https://git.drupalcode.org/project/bootstrap5/-/merge_requests/56

User interface changes

Allows SVG styling through various CSS selectors. (svg/path/fill/stroke... etc.)

API changes

n/a

Data model changes

n/a

🐛 Bug report
Status

Postponed: needs info

Version

3.0

Component

User interface

Created by

🇨🇦Canada AaronChristian Kelowna, BC

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024