Skip to content

Tweak Banner module styling - #34903

Open
t3chguy wants to merge 4 commits into
developfrom
t3chguy/iterate-banner
Open

Tweak Banner module styling#34903
t3chguy wants to merge 4 commits into
developfrom
t3chguy/iterate-banner

Conversation

@t3chguy

@t3chguy t3chguy commented Sep 2, 2026

Copy link
Copy Markdown
Member

Also improve docs

  • Documents theme key
  • Wraps the heading title in the anchor
  • Tweaks the default width of the trigger to 69px to match the space panel with its border.
  • Fixes focus lingering

Bumps version in preparation of release

Closes https://github.com/element-hq/wat-internal/issues/523
Closes https://github.com/element-hq/wat-internal/issues/524
Closes #34924

image image image

Based on https://www.figma.com/design/5tye5cpht6NFc4RaV0fJl0/ER-169---OpenDesk-Top-Bar-Functionality?node-id=232-22520&t=txIiEnvqojH6Z9gb-0
For https://github.com/element-hq/customer-success/issues/356

Also improve docs

+ Documents `theme` key
+ Wraps the heading title in the anchor
+ Tweaks the default width of the trigger to 69px to match the space panel with its border.
+ Fixes focus lingering

Bumps version in preparation of release
@daniellekirkwood

Copy link
Copy Markdown
Contributor

I don't think we need to block on design review here, I'm happy to 'tick' in their place. The screenshots look good and appear to match their figma and our duplicate of their figma.

One thing though -- might just be config, their 'app name' is "Chat" not "Element". Would this change in their hosted thing because they've got different app names already available?

@t3chguy

t3chguy commented Sep 4, 2026

Copy link
Copy Markdown
Member Author

@daniellekirkwood the title uses a module-specific config, falling back to brand (Element in my case)

@daniellekirkwood

Copy link
Copy Markdown
Contributor

thanks @t3chguy -- so in their environment it would be "chat" ???

@t3chguy

t3chguy commented Sep 4, 2026

Copy link
Copy Markdown
Member Author

It would be whatever they configure to be, chat if they want it to be. We don't configure it for them.

@daniellekirkwood

Copy link
Copy Markdown
Contributor

So "yes" then

@daniellekirkwood daniellekirkwood left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

on behalf of design because this looks like it matches the figma and we can always tweak it later

…o t3chguy/iterate-banner

# Conflicts:
#	pnpm-lock.yaml
@t3chguy
t3chguy added this pull request to the merge queue Sep 4, 2026
@github-merge-queue
github-merge-queue Bot removed this pull request from the merge queue due to failed status checks Sep 4, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

T-Task Tasks for the team like planning

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Theming of the banner module isn't documented

4 participants