Skip to content

Theme: set header brand color and constrain downloads dropdown to viewport - #6

Merged
pmai merged 2 commits into
mainfrom
copilot/adjust-header-background-and-dropdown
May 19, 2026
Merged

pmai merged 2 commits into
mainfrom
copilot/adjust-header-background-and-dropdown

Conversation

Copilot AI commented May 19, 2026

Copy link
Copy Markdown
Contributor

This updates the supplemental UI theme to use rgb(0, 183, 191) for the header background and improves the downloads dropdown layout so it does not overflow the browser frame.

  • Header theming

    • Applied the target brand color to the top navigation container in supplemental UI styles.
  • Downloads dropdown containment

    • Anchored the downloads menu to the right edge of its trigger container.
    • Added a viewport-aware width cap so the menu remains visible on narrow screens while preserving existing desktop sizing behavior.
.header,
.navbar {
  background-color: rgb(0, 183, 191);
}

.downloads-dropdown-menu {
  min-width: 20rem;
  left: auto;
  right: 0;
  max-width: min(24rem, calc(100vw - 1rem));
}

@pmai
pmai marked this pull request as ready for review May 19, 2026 15:10
@pmai
pmai requested a review from Copilot May 19, 2026 15:10
@pmai
pmai merged commit 3cdb937 into main May 19, 2026
8 checks passed
@pmai
pmai deleted the copilot/adjust-header-background-and-dropdown branch May 19, 2026 15:11

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Pull request overview

Updates the Antora supplemental UI theme to align the header with the target brand color and prevent the downloads dropdown from overflowing the viewport in desktop layouts.

Changes:

  • Set .header / .navbar background color to rgb(0, 183, 191).
  • Right-align the downloads dropdown and cap its width based on the viewport using min().

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

.downloads-dropdown-menu {
min-width: 20rem;
max-width: 24rem;
left: auto;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants