Skip to content

Commit f460a20

Browse files
committed
Hide Mintlify floating assistant input
Add CSS to hide Mintlify's full-width floating input pill (.chat-assistant-floating-input) at the bottom of pages. A documented comment explains the rationale: the pill dominates the bottom of articles on wide screens, so it's removed while keeping the navbar entry (#assistant-entry / #assistant-entry-mobile) and the expanded chat panel (#chat-assistant-sheet) intact. The rule uses display: none !important to reliably override the injected styles.
1 parent 36a7007 commit f460a20

1 file changed

Lines changed: 15 additions & 0 deletions

File tree

‎style.css‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1219,3 +1219,18 @@ iframe[src*="sei-widgets.vercel.app"],
12191219
iframe[src*="localhost:3100"] {
12201220
aspect-ratio: auto !important;
12211221
}
1222+
1223+
/* --------------------------------------------------------------------------
1224+
AI ASSISTANT — hide the floating "Ask a question…" pill only
1225+
--------------------------------------------------------------------------
1226+
Mintlify pins a full-width input pill (`.chat-assistant-floating-input`)
1227+
across the bottom of every page, which dominates the bottom of the
1228+
article on wide screens. Hide it. The navbar entry button
1229+
(`#assistant-entry` / `#assistant-entry-mobile`) and the expanded chat
1230+
panel (`#chat-assistant-sheet`) remain untouched, so the assistant is
1231+
still reachable from the topbar.
1232+
-------------------------------------------------------------------------- */
1233+
1234+
.chat-assistant-floating-input {
1235+
display: none !important;
1236+
}

0 commit comments

Comments
 (0)