Problem/Motivation

When building a real world page or content with Bootstrap we can use intensively UI Styles spacing, typography, background and borders.

At some point it's hard to know what styles are applied where.

Steps to reproduce

Proposed resolution

We should provide a way to summarize styles (_third_party_settings) on a build pane: Builder, Layers or both.

Could be part of the highlight mode for builder pane, an hover popup?.
On Layers could be a fixed popup as we have more control.

Remaining tasks

User interface changes

API changes

Data model changes

CommentFileSizeAuthor
#2 Capture d’écran du 2025-12-04 22-35-10.png38.15 KBpdureau

Issue fork display_builder-3561513

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

mogtofu33 created an issue. See original summary.

pdureau’s picture

pdureau commented
StatusFileSize
new Capture d’écran du 2025-12-04 22-35-10.png38.15 KB

I am proposing to target only Layers for now:

1. Add new info slot in layer component which is displayed in the top right corner:
layer

2. Add a ThirdPartySettingsInterface (not the same as the one in Core) for islands storing data in node's third_party_settings with a ::getSummary() method

3. In LayersPanel::buildSingleBlock() and LayersPanel::buildSingleComponent(), for each third_party_settings of the node: if the key is an island plugin ID an the island plugin implementing the ThirdPartySettingsInterface, execute ::getSummary() and send the value to layer component's info slot.

I can do a MR if you want.

mogtofu33’s picture

mogtofu33 commented
Assigned: mogtofu33 » pdureau

Your proposition looks good.

In a second time a popup (shoelace) will probably be better, mostly if we bring back an Hybrid panel.

pdureau opened merge request !177

pdureau’s picture

pdureau commented
Assigned: pdureau » mogtofu33
Status: Needs work » Needs review
mogtofu33’s picture

mogtofu33 commented
Assigned: mogtofu33 » Unassigned
Status: Needs review » Fixed

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

  • mogtofu33 committed 693ad2fc on 1.0.x authored by pdureau 
    feat: #3561513 Provide a way to show styles

By: mogtofu33
By: pdureau

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.