FLUID-6260: For enactors that modify the styling and presentation of content, a class should be added to identify that it is enabled.

Metadata

Source
FLUID-6260
Type
Improvement
Priority
Critical
Status
Closed
Resolution
Fixed
Assignee
N/A
Reporter
Justin Obara
Created
2018-03-12T13:06:49.748-0400
Updated
2024-07-22T10:35:31.002-0400
Versions
N/A
Fixed Versions
  1. 4.0
Component
  1. Prefs Framework
  2. UIEnhancer

Description

Enactors like Text Size, Line-Height, Letter-Spacing and etc that modify the styling of a page without necessarily adding a class, they should still add a class to identify that the enactor is enabled. This will provide a hook for an integrator to adjust the layout and presentation of the content to best work with the adjustment. It would be even better if specific classes for the various adjustment levels could be provided. (e.g. similar to how contrast works).

Comments

  • Jonathan Hung commented 2018-03-12T13:11:34.154-0400

    This would be so powerful for an integrator! It would allow us to work with UI Options more easily with specific instances, instead of trying to re-work entire sections of markup + CSS to accommodate UIO.

  • Justin Obara commented 2021-10-12T11:27:53.181-0400

    Rather than use a class name, we can apply these style changes via CSS custom properties. Similar to FLUID-6605. This would allow an integrator to hook into the custom property for their own styling.

    see: https://css-tricks.com/a-complete-guide-to-custom-properties/