Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
patcapulong merged 4 commits into from
Feb 10, 2026
Merged

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

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
2a23e3a
fix: UI polish — font flash, search transition, chat assistant animat…
patcapulong Feb 10, 2026
742f7be
Merge branch 'main' into ui/polish-tweaks
patcapulong Feb 10, 2026
6eddf6d
fix: use overflow visible for mobile chat clip, remove all transition…
patcapulong Feb 10, 2026
cd39381
fix: remove margin-left offset on mobile chat assistant for proper ce…
patcapulong Feb 10, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions mintlify/images/icons/trending.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
32 changes: 26 additions & 6 deletions mintlify/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -277,10 +277,11 @@ h1#page-title,
text-shadow: none !important;
}

/* Navbar links: Book weight (450) */
/* Navbar links: Medium weight (500) — avoids font flash during SPA navigation
since Medium is preloaded via next/font/local in docs.json */
.navbar-link a,
#navbar a.link:not(.nav-tabs-item) {
font-weight: 450 !important;
font-weight: 500 !important;
}

/* Code: Suisse Intl Mono */
Expand Down Expand Up @@ -407,7 +408,7 @@ html.dark #navbar [class*="z-10"] {
display: flex !important;
align-items: center !important;
gap: 8px !important;
transition: all 0.2s ease !important;
transition: none !important;
box-shadow: none !important;
outline: none !important;
}
Expand Down Expand Up @@ -482,7 +483,7 @@ html.dark #search-bar-entry [class*="min-w-"] > span:last-child {
font-size: 14px !important;
font-weight: 400 !important;
color: var(--ls-gray-500) !important;
transition: all 0.2s ease !important;
transition: none !important;
box-shadow: none !important;
--tw-ring-shadow: none !important;
outline: none !important;
Expand Down Expand Up @@ -540,7 +541,7 @@ div[class*="text-tooltip-foreground"][class*="bg-primary-dark"] {
padding: 0 4px !important;
border-radius: var(--ls-radius-sm) !important;
font-size: 14px !important;
font-weight: 450 !important;
font-weight: 500 !important;
line-height: 20px !important;
color: var(--ls-gray-950) !important;
text-decoration: none !important;
Expand Down Expand Up @@ -578,15 +579,28 @@ html.dark .navbar-link svg {
Chat Assistant (Floating Input)
=========================================== */

/* Kill entrance slide-up animation on page navigation.
Only targets the inner wrapper — outer container's width/scale
transitions for expand-on-click/hover are unaffected.
Mintlify JS still controls show/hide (hidden on short pages). */
.chat-assistant-floating-input > div {
transition: none !important;
}

/* Mobile assistant bar placeholder - make transparent so it doesn't cover content */
#assistant-bar-placeholder {
background: transparent !important;
}

/* Mobile: extend chat input 8px past content edges */
@media (max-width: 639px) {
/* Allow chat input to extend 8px past content edges.
Hidden state uses opacity:0 so no visual leak on short pages. */
div:has(> .chat-assistant-floating-input) {
overflow: visible !important;
}

.chat-assistant-floating-input {
margin-left: -8px !important;
width: calc(100% + 16px) !important;
}
}
Expand Down Expand Up @@ -1318,6 +1332,12 @@ ul#sidebar-group > li[data-title="API Tokens"] > button::before {
background-image: url('/images/icons/key2.svg') !important;
}

/* Exchange Rates - trending */
#sidebar-group > li[data-title="Exchange Rates"] > button::before,
ul#sidebar-group > li[data-title="Exchange Rates"] > button::before {
background-image: url('/images/icons/trending.svg') !important;
}


/* ===========================================
Main Content Area
Expand Down