Add toolbar icon to CCC top level menu item
>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3563043. --> Reported by: [kristen pol](https://www.drupal.org/user/8389) Related to !19 !18 >>> <p>[Tracker]<br> <strong>Update Summary: </strong>Add toolbar icon to CCC top level menu item<br> <strong>Additional Collaborators: </strong> @username1, @username2<br> <em>Metadata is used by the <a href="https://www.drupalstarforge.ai/" title="AI Tracker">AI Tracker.</a> Docs and additional fields <a href="https://www.drupalstarforge.ai/ai-dashboard/docs" title="AI Issue Tracker Documentation">here</a>.</em><br> [/Tracker]</p> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>Follow-up to:</p> <p><span class="drupalorg-gitlab-issue-link project-issue-status-info project-issue-status-7"><a href="https://www.drupal.org/project/ai_context/issues/3563038" title="Status: Closed (fixed)">#3563038: Move CCC routes to higher level to be more similar to admin/content</a></span></p> <p>I did try to get it working in that issue, but the approaches tried weren't working and I didn't want to spend more time on it.</p> <p>Add a toolbar icon to Context Control Center similar to having the other main menu items work, e.g. Structure.</p> <p>Example:</p> <p><strong>modules/toolbar/css/toolbar.icons.theme.css</strong></p> <pre>.toolbar-icon-system-admin-structure::before {<br>&nbsp; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px'%3e%3cpath fill='%23787878' d='M15.002,11.277c0-0.721,0-1.471,0-2.014c0-1.456-0.824-2.25-2.25-2.25c-1.428,0-3.5,0-3.5,0c-0.139,0-0.25-0.112-0.25-0.25v-2.04c0.596-0.346,1-0.984,1-1.723c0-1.104-0.895-2-2-2C6.896,1,6,1.896,6,3c0,0.738,0.405,1.376,1,1.722v2.042c0,0.138-0.112,0.25-0.25,0.25c0,0-2.138,0-3.5,0S1,7.932,1,9.266c0,0.521,0,1.277,0,2.012c-0.595,0.353-1,0.984-1,1.729c0,1.104,0.896,2,2,2s2-0.896,2-2c0-0.732-0.405-1.377-1-1.729V9.266c0-0.139,0.112-0.25,0.25-0.25h3.536C6.904,9.034,7,9.126,7,9.25v2.027C6.405,11.624,6,12.26,6,13c0,1.104,0.896,2,2.002,2c1.105,0,2-0.896,2-2c0-0.738-0.404-1.376-1-1.723V9.25c0-0.124,0.098-0.216,0.215-0.234h3.535c0.137,0,0.25,0.111,0.25,0.25v2.012c-0.596,0.353-1,0.984-1,1.729c0,1.104,0.896,2,2,2s2-0.896,2-2C16.002,12.262,15.598,11.623,15.002,11.277z'/%3e%3c/svg%3e");<br>} <br>&nbsp; <br>.toolbar-icon-system-admin-structure:active::before,<br>.toolbar-icon-system-admin-structure.is-active::before {<br>&nbsp; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px'%3e%3cpath d='M15.002,11.277c0-0.721,0-1.471,0-2.014c0-1.456-0.824-2.25-2.25-2.25c-1.428,0-3.5,0-3.5,0c-0.139,0-0.25-0.112-0.25-0.25v-2.04c0.596-0.346,1-0.984,1-1.723c0-1.104-0.895-2-2-2C6.896,1,6,1.896,6,3c0,0.738,0.405,1.376,1,1.722v2.042c0,0.138-0.112,0.25-0.25,0.25c0,0-2.138,0-3.5,0S1,7.932,1,9.266c0,0.521,0,1.277,0,2.012c-0.595,0.353-1,0.984-1,1.729c0,1.104,0.896,2,2,2s2-0.896,2-2c0-0.732-0.405-1.377-1-1.729V9.266c0-0.139,0.112-0.25,0.25-0.25h3.536C6.904,9.034,7,9.126,7,9.25v2.027C6.405,11.624,6,12.26,6,13c0,1.104,0.896,2,2.002,2c1.105,0,2-0.896,2-2c0-0.738-0.404-1.376-1-1.723V9.25c0-0.124,0.098-0.216,0.215-0.234h3.535c0.137,0,0.25,0.111,0.25,0.25v2.012c-0.596,0.353-1,0.984-1,1.729c0,1.104,0.896,2,2,2s2-0.896,2-2C16.002,12.262,15.598,11.623,15.002,11.277z'/%3e%3c/svg%3e");<br>} <br>} </pre><h3 id="summary-proposed-resolution">Proposed resolution</h3> <p>Add a book icon or something that represents "context".</p> <h3 id="summary-remaining-tasks">Target date or deadline</h3> <h3 id="summary-remaining-tasks">Remaining tasks</h3> <ul> <li>Pick icon</li> <li>Update code</li> <li>Test and review</li> <li>Merge</li> </ul> <h3 id="summary-ai-usage">AI usage</h3> <p>The code associated with this issue was developed with the use of AI tools.</p> <p>A human worked with the AI tool to:</p> <ul> <li>Define the requirements</li> <li>Spec out the plan and architecture</li> <li>Create the code</li> </ul> <p>The human:</p> <ul> <li>Reviewed the code</li> <li>Manually tested the functionality</li> <li>Requested adjustments from AI</li> <li>Adjust the code themselves when necessary</li> </ul> <p>Issue credit is still relevant for the human working with AI as they are using AI as a tool and not to do everything for them. It takes human expertise and oversight to use AI to solve these issues efficiently and effectively.</p>
issue