Add missing CSS for overlay opacity utility classes#819
Open
jjroelofs wants to merge 1 commit into
Open
Conversation
The overlay opacity modifier classes (overlay-20/40/60/80) were registered in dxpr_theme.info.yml and visible in the DXPR Builder class picker, but had no CSS implementation. The default overlay opacity remained at 0.9 regardless of which modifier was selected. Fixes #818 Co-Authored-By: Claude Opus 4.6 <[email protected]>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Linked issues
Solution
Added CSS rules for the overlay opacity modifier utility classes (
dxpr-theme-util-overlay-20/40/60/80) that were registered indxpr_theme.info.ymlbut had no CSS implementation. Each class now overrides the::afterpseudo-element opacity and the.YTPOverlayopacity to the corresponding value (0.2, 0.4, 0.6, 0.8).Changes are in both
scss/helpers/helper-classes.scss(source) andcss/helpers/helper-classes.css(compiled artifact).Checklist