commit b950556082826dd2bd7443b849589d8f629f205e
parent 190439863b62ad4570c4dfc8ab5893b8e9a6ef16
Author: Giulia Cardieri <gcardieri@mozilla.com>
Date: Wed, 7 Jan 2026 22:05:07 +0000
Bug 1975437 - Hide header and browser container for chatbot when onboarding screen is visible. r=ai-frontend-reviewers,jlewis
A user could select one of the chatbot providers with the keyboard without going through the onboarding popup. There's a video in bugzilla in case someone wants to see what I mean.
Differential Revision: https://phabricator.services.mozilla.com/D273083
Diffstat:
1 file changed, 6 insertions(+), 16 deletions(-)
diff --git a/browser/components/genai/chat.css b/browser/components/genai/chat.css
@@ -61,17 +61,6 @@ browser {
--caret-anchor: right;
}
}
-
- /* Hide some content, e.g., dropdown, when onboarding exists */
- #multi-stage-message-root + & {
- select {
- background-image: none;
- }
-
- #header-more {
- display: none;
- }
- }
}
#header-close {
@@ -232,6 +221,12 @@ browser {
color: var(--text-color-deemphasized);
font-size: 0.8em;
}
+
+ + #header,
+ + #browser-container,
+ + #summarize-btn-container {
+ display: none;
+ }
}
#summarize-btn-container {
@@ -264,9 +259,4 @@ browser {
@media (not -moz-pref("browser.ml.chat.page")) or -moz-pref("browser.ml.chat.provider", "") {
display: none;
}
-
- /* Hide footer when onboarding exists */
- #multi-stage-message-root ~ & {
- display: none;
- }
}