Skip to content

Commit facad32

Browse files
patcapulongclaude
andauthored
Fix Mintlify sidebar chevrons and Ask AI input chrome (#325)
## Summary - supersede the closed `#324` with a fresh PR that keeps the existing accordion and expandable chevron guards - hide Mintlify's newly wrapped API Reference sidebar chevron markup so it no longer renders beside our custom chevron styling - make the floating Ask AI input's bottom bar pseudo-element fully transparent ## Test plan - [x] Run `make lint` - [ ] Verify the API Reference sidebar shows a single chevron in the Mintlify preview - [ ] Verify the Ask AI input bottom bar is transparent in the Mintlify preview Made with [Cursor](https://cursor.com) --------- Co-authored-by: Claude <noreply@anthropic.com>
1 parent 45df948 commit facad32

1 file changed

Lines changed: 12 additions & 5 deletions

File tree

mintlify/style.css

Lines changed: 12 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -592,9 +592,12 @@ div:has(> .chat-assistant-floating-input) {
592592
background: transparent !important;
593593
}
594594

595+
/* Mintlify currently renders the bottom bar glow on the input itself. */
596+
.chat-assistant-floating-input::before,
595597
div:has(> .chat-assistant-floating-input)::before,
596598
.chat-assistant-floating-input > div::before {
597599
background: transparent !important;
600+
opacity: 0 !important;
598601
}
599602

600603
/* Mobile assistant bar placeholder - make transparent so it doesn't cover content */
@@ -1150,11 +1153,15 @@ html.dark #navigation-items li[class*="space-y"] > button {
11501153
color: var(--ls-gray-600) !important;
11511154
}
11521155

1153-
/* Hide the original SVG chevron */
1154-
#sidebar-group > li > button > svg,
1155-
ul#sidebar-group > li > button > svg,
1156-
#navigation-items li.space-y-px > button > svg,
1157-
#navigation-items li[class*="space-y"] > button > svg {
1156+
/* Hide Mintlify's native chevron, including the new wrapped SVG variant. */
1157+
#sidebar-group > li > button > div:has(> svg),
1158+
ul#sidebar-group > li > button > div:has(> svg),
1159+
#navigation-items li.space-y-px > button > div:has(> svg),
1160+
#navigation-items li[class*="space-y"] > button > div:has(> svg),
1161+
#sidebar-group > li > button svg,
1162+
ul#sidebar-group > li > button svg,
1163+
#navigation-items li.space-y-px > button svg,
1164+
#navigation-items li[class*="space-y"] > button svg {
11581165
display: none !important;
11591166
visibility: hidden !important;
11601167
}

0 commit comments

Comments
 (0)