fix: UI polish — font flash, search transition, chat assistant animation, sidebar icon

[patcapulong]

Summary

• Navbar font flash fix: Change "GitHub" and "Contact Sales" link font-weight from 450 (Book) to 500 (Medium) — Medium is preloaded via next/font/local in docs.json, eliminating the flash during SPA navigation
• Search bar / Ask AI button transition fix: Replace transition: all with specific property transitions (border-color, background-color) on #search-bar-entry and #assistant-entry to prevent width/layout from animating during page navigation
• Chat assistant entrance animation fix: Disable the slide-up entrance animation on the floating "Ask a question" input while preserving Mintlify's built-in show/hide logic (hidden on short pages, visible on long pages)
• Mobile chat assistant clipping fix: Use split overflow axes (overflow-x: visible, overflow-y: hidden) on the parent container so the 8px horizontal bleed works without breaking vertical hide clipping
• Exchange Rates sidebar icon: Add trending icon for the Exchange Rates group in the API Reference sidebar

Test plan

• Navigate between pages — verify no font flash on "GitHub" / "Contact Sales" navbar links
• Navigate between pages — verify search bar width doesn't animate
• Navigate between pages — verify chat assistant appears instantly (no slide-up)
• Check short pages (FAQ, Postman Collection) — verify chat assistant stays hidden
• Check mobile — verify "Ask a question" extends 8px past content edges without clipping
• Check API Reference sidebar — verify Exchange Rates group has trending icon

Made with Cursor

[greptile-apps]

Greptile Overview

Greptile Summary

This PR makes a set of Mintlify UI polish fixes in mintlify/style.css: it switches navbar link font-weight to 500 to align with the preloaded Medium font, removes overly broad transition: all behavior on the search bar and Ask AI button to prevent layout/width animation during SPA navigation, disables the chat assistant inner wrapper entrance transition while keeping Mintlify’s show/hide behavior, adjusts mobile overflow so the assistant can bleed horizontally without being clipped, and adds an Exchange Rates sidebar icon mapping to a newly added trending.svg.

Changes are limited to Mintlify assets (CSS + a new SVG icon) and follow the existing pattern of overriding Mintlify component styling via selectors and !important.

Confidence Score: 5/5

• This PR is safe to merge with minimal risk.
• Changes are localized to CSS overrides and a new SVG asset; verification confirms the font preload rationale and the new icon path matches existing usage. No definite functional regressions were identified in the updated selectors.
• No files require special attention

Important Files Changed

Filename	Overview
mintlify/style.css	Tweaks navbar font-weight to 500, disables overly broad transitions on search/assistant, removes chat assistant entrance transition, adjusts mobile overflow for assistant, and adds Exchange Rates sidebar icon mapping; no definite regressions found.
mintlify/images/icons/trending.svg	Adds a new 20x20 trending SVG icon referenced by sidebar CSS; file is a simple stroke-only SVG.

Sequence Diagram

sequenceDiagram
  participant U as User
  participant N as Navbar
  participant CSS as CSS
  participant CA as ChatAssistant
  participant SB as Sidebar

  U->>N: Navigate (SPA)
  N->>CSS: Apply navbar link styles
  Note over N,CSS: font-weight 500 avoids flash

  U->>N: Hover search/Ask AI
  N->>CSS: Apply hover border/color
  Note over N,CSS: container transition disabled

  U->>CA: Show floating input
  CA->>CSS: Apply transition none
  Note over CA,CSS: JS still toggles visibility

  U->>SB: Open API sidebar
  SB->>CSS: Resolve icon background
  CSS-->>SB: trending.svg

Loading