Skip to content

Conversation

@edison-cy-yang
Copy link
Contributor

Motivations

When this PR to fix titlebar resizing causing flickers was merged, display flex on titlebar was removed. This causes the actionGroup to go below the title.

This PR also cleans up some CSS structures such as

  • combining the two container queries into one
  • removing redundant css property overwritten

Changes

Added

Changed

  • CSS file structure has been reorganized and cleaned up

Deprecated

Removed

Fixed

  • Fixed where titlebar's display flex was unintentionally removed, causing actionGroup to be below the title.

Security

Testing

Changes can be
tested via Pre-release


In Atlantis we use Github's built in pull request reviews.


/* Medium and up: inline actions (no wrap) */
@container page-titlebar (min-width: 500px) {
.titleBar {
Copy link
Contributor Author

Choose a reason for hiding this comment

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

We had separate .titleBar.large .titleBar.medium selectors that all set display flex and flex wrap before #2845, where the display flex was missed.

@github-actions
Copy link

Could not publish Pre-release for ff0c261. View Logs
The problem is likely in the NPM Publish or NPM CI step in the Trigger Pre-release Build Job.
.
For more troubleshooting steps, see the Pre-release Troubleshooting Guide

@edison-cy-yang edison-cy-yang marked this pull request as draft January 14, 2026 20:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Development

Successfully merging this pull request may close these issues.

2 participants