[Tracker]
Update Summary: [One-line status update for stakeholders]
Short Description: [One-line issue summary for stakeholders]
Check-in Date: MM/DD/YYYY
Metadata is used by the AI Tracker. Docs and additional fields here.
[/Tracker]

Problem/Motivation

The icon of the Assistant button in the Toolbar is invisible on a basic installation using Claro as the admin theme.

Screenshot of part of the toolbar displaying Assistant button without icon.

Steps to reproduce (required for bugs, but not feature requests)

Please provide information like AI modules enabled, which AI provider, browser, etc.

Configure an AI chat and set its position to "Toolbar". (Watch a tutorial on how to add an AI chat.)

Proposed resolution

Update the styling of the button.

Remaining tasks

Update the styling of the button.

Optional: Other details as applicable (e.g., User interface changes, API changes, Data model changes)

This bug appears in all versions.

AI usage (if applicable)

[ ] AI Assisted Issue
This issue was generated with AI assistance, but was reviewed and refined by the creator.

[ ] AI Assisted Code
This code was mainly generated by a human, with AI autocompleting or parts AI generated, but under full human supervision.

[ ] AI Generated Code
This code was mainly generated by an AI with human guidance, and reviewed, tested, and refined by a human.

[ ] Vibe Coded
This code was generated by an AI and has only been functionally tested.

Issue fork ai-3570618

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

thamas created an issue. See original summary.

thamas’s picture

Assigned: thamas » Unassigned
Status: Active » Needs review
StatusFileSize
new64.3 KB
new62.82 KB

As I see, this was accidentally broken by #3554510: Sync Design of Toolbar Chatbot with Canvas AI Chatbot. So I updated the styling for this usecase based on what we had before the changes. Please review!

Screenshot of part of the toolbar displaying Assistant button with icon.

Screenshot of part of the toolbar displaying hovered Assistant button with icon.

thamas’s picture

Hm, I do not think the validation and test problems on the MR are related to the CSS change I made… ??

csakiistvan’s picture

Assigned: Unassigned » csakiistvan
thamas’s picture

Issue summary: View changes
csakiistvan’s picture

Assigned: csakiistvan » Unassigned
Status: Needs review » Reviewed & tested by the community
StatusFileSize
new166 KB
new115.56 KB

I can confirm the code works well.

How I tested it

1. Install a drupal with standard profile
2. enabled the AI Core, AI Chatbot and AI Assistant API modules on original 1.3 branch
3. Added the AI DeepChat Chatbot block to the Content Above region
4. the icon is missing
5. checkout the MR branch, clear the cache
6. the icon is fixed

Before:

icon missing

After:

icon fixed

marcus_johansson made their first commit to this issue’s fork.

marcus_johansson’s picture

Status: Reviewed & tested by the community » Fixed
Issue tags: +needs forward port

Merged and forward ported to 2.0.x

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.