Merged
Conversation
Introduce a new "split" appearance option for sections that renders a translucent overlay covering part of the section background, aligned with content. Includes SplitShadow (overlay) and SplitBox (foreground) components with support for configurable width modes (content/half), width sizes (md/lg/xl), custom overlay color, and stacked mode for narrow viewports. Make card and split surface color inputs available without requiring the custom_palette_colors feature flag.
tf
force-pushed
the
split
branch
2 times, most recently
from
cc67ded to
ee72844
Compare
Keep content elements within the 50% split overlay by constraining inline content max-width and margins in both TwoColumn and Center layouts. Below 950px the overlay is full width, so constraints only apply above that breakpoint. REDMINE-21203
Let content elements know when they are displayed inside the split overlay so they can adapt their layout. Center heading text at the breakpoint where the overlay becomes 50% wide. REDMINE-21203
Ensures cqw values resolve to pixels at the layout level before inheriting into nested containers that set their own container-type. REDMINE-21203
Allow configuring background blur on the split overlay when the overlay color has transparency. Disabled when the color is fully opaque. REDMINE-21203
Replace plain select inputs with visual previews that show how each option affects content layout. Previews adapt to current settings. Shared SectionVisualization component renders the miniature section representation. REDMINE-21203
Extend the existing backdrop blur option (previously only available for the split overlay) to also work with the cards appearance. Enable alpha channel for the card surface color picker so users can create translucent cards with blur effects. REDMINE-21240
Show the placeholder color when the picker opens with no value instead of defaulting to white. The fallback only affects the display color, not the saved value. Wire up placeholderColor as fallbackColor in ColorInputView.
Replace custom ColorInput domino with renderBackboneView and Testing Library queries. Use userEvent for more realistic interaction testing. Add disableChangeDebounce option so tests can run synchronously without fake timers. REDMINE-21203
Hide color swatches with alpha transparency when the color picker does not have alpha editing enabled. This prevents users from picking colors they cannot fully control. Also include splitSurfaceColor in the set of used section background colors so split sections contribute their surface color to the swatch palette. REDMINE-21203
The prop name now matches the visual concept it controls: the color of the split layout's overlay, not its surface. Also adjust the default behavior so that the split overlay applies backdrop blur even without an explicit color. REDMINE-21203
Update the appearance, card surface color and split overlay color inline help texts in English and German. Reword the appearance descriptions to cover the new split option and make them more concise. Add missing inline help for the card and split color pickers. REDMINE-21203
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.
REDMINE-21203