Changeset 3738408 for mxchat-basic/trunk/css/chat-style.css

Timestamp:

10/10/2026 05:08:54 PM (3 weeks ago)

Author:

mxchat

Message:

Release 3.2.25 - per-site license on/off, Gemini safety-filter fix, chat styles scoped to the widget, link and PDF-detection fixes, import and Gemini 3 search improvements

File:

• mxchat-basic/trunk/css/chat-style.css (modified) (4 diffs)

mxchat-basic/trunk/css/chat-style.css

@@ -785 +785 @@
    CORE CHATBOT UI
    ======================================== */
-.invisible {
+/* This stylesheet loads on every page where the widget shows, so generic class names must
+   stay inside MxChat's own containers: a bare .invisible hit the site's own elements (and
+   Bootstrap / Tailwind give that class the opposite meaning, visibility hidden with the layout
+   kept). :where() keeps the specificity of the bare class. */
+:where(.floating-chatbot, .mxchat-chatbot-wrapper) .invisible {
     display: none;
     opacity: 0;
@@ -1206 +1210 @@
     background: rgba(255, 255, 255, 0.12);
 }
-.visible {
+/* The floating window is the only element MxChat toggles .visible on (core, the Trigger
+   and Multi-Bot add-ons and MxChat Anywhere all use .floating-chatbot). Unscoped, this turned
+   any site element with class "visible" into a flex container. */
+:where(.floating-chatbot).visible {
     display: flex;
 }
@@ -1605 +1612 @@
 
 
-pre {
+/* Code blocks inside the chat only (a bare pre turned every code sample on the site black with
+   white text). :where() keeps the specificity of the bare element selector, so .mxchat-code-block
+   still wins where it sets a property and the look inside the chat is unchanged. */
+:where(.mxchat-chatbot-wrapper) pre {
     background-color: #000;
     border: 1px solid #ddd;
@@ -1621 +1631 @@
     display: block;
     word-wrap: break-word;
-}
-
-.copy-btn {
-    padding: 10px 20px;
-    border: none;
-    border-radius: 4px;
-    background-color: #9e7aff;
-    transition: background-color 0.3s;
-    color: #fff;
-    font-size: 1rem;
-    cursor: pointer;
-    font-weight: 700;
-    margin-bottom: 10px;
-}
-
-.copy-btn:hover {
-    opacity: 0.8;
 }