Skip to content

fix(s-header): remove flex-basis and flex-shrink from navbar-brand#649

Merged
wesleyboar merged 2 commits into
mainfrom
fix/s-header-navbar-brand-flex
Jun 16, 2026
Merged

fix(s-header): remove flex-basis and flex-shrink from navbar-brand#649
wesleyboar merged 2 commits into
mainfrom
fix/s-header-navbar-brand-flex

Conversation

@wesleyboar

@wesleyboar wesleyboar commented Jun 16, 2026

Copy link
Copy Markdown
Member

Overview

Moved the fixed flex-basis: 175px and flex-shrink: 0 from .navbar-brand to .portal-logo-specific selector, so CMS-only portals needn't suffer the extra space.

Related

Changes

  • moved styles to new selector

Testing

  1. npm run build:css
  2. npm start
  3. Open the s-header demo to verify logo and nav link alignment.
  4. Portal logos should have minimum width of 175px.

UI

added  as Portal Logo  distinction

@qodo-code-review

Copy link
Copy Markdown

Qodo reviews are paused for this user.

Troubleshooting steps vary by plan Learn more →

On a Teams plan?
Reviews resume once this user has a paid seat and their Git account is linked in Qodo.
Link Git account →

Using GitHub Enterprise Server, GitLab Self-Managed, or Bitbucket Data Center?
These require an Enterprise plan - Contact us
Contact us →

…ortal logos

- scope flex-basis and flex-shrink to .navbar-brand:has(.portal-logo)
- demo both CMS and Portal logo variants in s-header--different-logos
- fix portal-logo class placement: on <img>, not <a>
@wesleyboar wesleyboar merged commit 850bb31 into main Jun 16, 2026
@wesleyboar wesleyboar deleted the fix/s-header-navbar-brand-flex branch June 16, 2026 23:58
wesleyboar added a commit to TACC/Core-CMS that referenced this pull request Jun 17, 2026
## Overview

Header logo plugin and settings fallback match Core-Portal link/img
classes. Portal logo picture template puts `portal-logo` on the image
(even if a link is set).

## Related

- supports #1083
- supports #999
- requires TACC/Core-Styles#648
- requires TACC/Core-Styles#649

## Changes

- **updated** header logo plugin render and settings fallback markup
- **added** Portal logo picture template and `picture_attributes_img` on
default Picture
- **updated** Header logo form defaults (Portal template when Core
Portal)
- **updated** `@tacc/core-styles` dev dep (temporary pin)

## Testing

1. Empty `header-content`: settings logo uses `navbar-brand` on `<a>`,
`portal-logo` on `<img>`.
2. With `PORTAL_IS_TACC_CORE_PORTAL`: add Header logo defaults to Portal
logo; published output has `portal-logo` on `<img>` and `navbar-brand`
on the link.
3. Core-Portal `/cms/header/logo/markup/` matches site logo for plugin
vs settings paths.

## UI


https://github.com/user-attachments/assets/4a186b0b-3625-4314-9154-2d6de6ffadc8


https://github.com/user-attachments/assets/dc629e0e-b4ec-4955-94a7-7c0b1cf91f84


https://github.com/user-attachments/assets/ec99e5e5-5d68-4db7-8e25-21ced4609bdf


https://github.com/user-attachments/assets/39368ab6-8995-4aec-83c7-ccf8b2d31962

## Notes

Bumped `@tacc/core-styles` to a published version after Core-Styles PRs
merge.
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.

1 participant