Metadata
- Source
- FLUID-6771
- Type
- Bug
- Priority
- High
- Status
- Closed
- Resolution
- Fixed
- Assignee
- N/A
- Reporter
- Daniel Cho
- Created
2023-06-28T12:14:17.332-0400 - Updated
2024-12-05T07:31:49.244-0500 - Versions
-
- 4.6
- Fixed Versions
- N/A
- Component
-
- UI Options
Description
UIO enactors use !important css rules to force apply styles in different contrast themes and I need to apply some custom css styles, so I changed stylesheet to use “uioStyleProps” instead of “uioStyles”. After the change, I am seeing that the UIO panel is broken in contrast themes.
Steps to reproduce:
- Get a copy of dev branch from here
- Change the eleventy-plugin-fluid version to 1.0.2
- Change uioStyles in line 2 of stylesheets.njk to uioStyleProps
- Run npm start
- Change the theme using UIO panel to contrast theme on the local build
- Notice that the panel’s background colour and foreground are incorrect
Environments
macOS Monterey v12.5