Edit toolbar tab animation is distracting

This issue is being reviewed by the kind folks in Slack, #needs-review-queue-initiative. We are working to keep the size of Needs Review queue [2700+ issues] to around 400 (1 month or less), following Review a patch or merge request → as a guide.

Was previously tagged for issue summary update in #10 that still needs to happen.

Tagging for screenshots or better yet videos of the before/after.

Thanks!

This CSS no longer applies anywhere.

/* Transition the edit icon in the toolbar. */
#toolbar-bar.button.toolbar-icon.toolbar-icon.toolbar-icon-edit:before {
  transition: all 0.7s ease;
}

<button class="toolbar-icon toolbar-icon-edit toolbar-item is-active" aria-pressed="true" type="button" data-drupal-settingstray="toggle" data-once="settingstray">Editing</button> Button no longer has toolbar-bar ID.

<nav id="toolbar-bar" role="navigation" aria-label="Toolbar items" class="toolbar-bar clearfix js-settings-tray-edit-mode" data-offset-top="" data-once="admin-toolbar-search"> have the toolbar ID.

This was a bugsmash daily triage target today.

This still needs an issue summary update, taking note that #12 it is reported that the issue happens with the settings tray module enabled and questions were asked there that need to be answered. Since #12 needs to be addressed before working on a patch, I am setting the status to active. I have updated the Issue Summary with some tasks.