diff --git a/Minecraft-Modern-Theme/css/virtual-assistant.css b/Minecraft-Modern-Theme/css/virtual-assistant.css index e3d459d..0f570a6 100644 --- a/Minecraft-Modern-Theme/css/virtual-assistant.css +++ b/Minecraft-Modern-Theme/css/virtual-assistant.css @@ -1,11 +1,5 @@ /* Modernes Design für Virtuellen Assistenten (unten rechts) */ -#mm-virtual-assistant { - position: fixed; - bottom: 32px; - right: 32px; - z-index: 9999; - font-family: inherit; -} +/* Positionierung wird jetzt dynamisch über die Klasse mm-bot-pos-* am #mm-bot-root gesetzt */ #mm-assistant-btn { background: transparent; border: none; @@ -104,81 +98,10 @@ } -#mm-assistant-chat { - display: none; - position: absolute; - bottom: 110px; - right: 0; - width: 320px; - background: #1a1d22; /* Dunklerer Hintergrund */ - border-radius: 15px; - box-shadow: 0 15px 45px rgba(0,0,0,0.5); - border: 1px solid #333; - overflow: hidden; - z-index: 10000; -} - -.chat-header { - background: #0099ff; - padding: 12px 15px; - display: flex; - align-items: center; - font-weight: bold; - color: white; -} - -.status-dot { - height: 10px; - width: 10px; - background-color: #00ff00; - border-radius: 50%; - display: inline-block; - margin-right: 10px; - box-shadow: 0 0 5px #00ff00; -} - -#mm-assistant-content { - padding: 20px; - max-height: 350px; - overflow-y: auto; - color: #e0e0e0; - line-height: 1.6; - font-size: 14px; -} - -.chat-input-area { - background: #111; - padding: 10px; - display: flex; - gap: 8px; - border-top: 1px solid #333; -} - -#mm-assistant-input { - flex: 1; - background: #222; - border: 1px solid #444; - color: white; - padding: 8px 12px; - border-radius: 8px; - outline: none; -} - -#mm-assistant-send { - background: #0099ff; - border: none; - color: white; - padding: 5px 12px; - border-radius: 8px; - cursor: pointer; - display: flex; - align-items: center; - transition: background 0.2s; -} - -#mm-assistant-send:hover { background: #0077cc; } - - +/* BUG-FIX: Doppelter #mm-assistant-chat Block und veraltete Chat-Stile entfernt. + Die Regeln .chat-header, .status-dot, .chat-input-area sind Relikte des alten + Widget-Designs und werden vom aktuellen mm-bot-* Markup nicht mehr verwendet. + Sie wurden entfernt um Konflikte mit den modernen Stilen oben zu vermeiden. */ #mm-bot-root { position:fixed; bottom:30px; right:30px; z-index:999999; font-family:-apple-system,system-ui,sans-serif; } #mm-bot-launcher { background:#0099ff; border:none; border-radius:50%; width:60px; height:60px; cursor:pointer; box-shadow:0 4px 12px rgba(0,0,0,.25); transition:.3s ease; display:flex; align-items:center; justify-content:center; overflow:hidden; } #mm-bot-launcher:hover { transform:scale(1.08); background:#0088ee; } @@ -203,8 +126,9 @@ .mm-bot-input-area { padding:12px 14px; background:#2f3136; display:flex; gap:8px; border-top:1px solid #222; } #mm-bot-field { flex:1; background:#40444b; border:1px solid #222; border-radius:8px; color:#fff; padding:9px 12px; outline:none; font-size:14px; } #mm-bot-field:focus { border-color:#0099ff; } - #id-mm-bot-send { background:#0099ff; border:none; color:#fff; border-radius:8px; padding:0 16px; cursor:pointer; font-size:16px; } - #id-mm-bot-send:hover { background:#00b0f4; } + /* BUG-FIX: ID war '#id-mm-bot-send', korrektes HTML-Element hat id="mm-bot-send" */ + #mm-bot-send { background:#0099ff; border:none; color:#fff; border-radius:8px; padding:0 16px; cursor:pointer; font-size:16px; } + #mm-bot-send:hover { background:#00b0f4; } #mm-bot-close { margin-left:auto; background:none; border:none; color:#888; font-size:24px; cursor:pointer; line-height:1; padding:0; } #mm-bot-close:hover { color:#fff; }