Describe your bug or feature request.

When you install the latest version of Drupal Commerce you see there is a Commerce inbox with a button to go to this inbox.

When you read all messages (at the time of writing there are 3 messages) and delete them the inbox is empty:

Inbox overview

But the Inbox button has a weird 0 messages state that could be improved:

Button when 0 messages

I know, I'm nitpicking but still worth creating an issue for this.

If a bug, provide steps to reproduce it from a clean install.

Read and delete all Drupal Commerce inbox messages to reproduce.

CommentFileSizeAuthor
#5 fixed-button.png12.24 KBf0ns
inbox-commerce.png9.46 KBf0ns
button-commerce.png4.24 KBf0ns

Issue fork commerce-3605844

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

f0ns created an issue. See original summary.

f0ns’s picture

I debugged this issue and found the cause (See MR).

The local-actions library uses var(--commerce-icon--envelope-fill) in commerce.local-actions.css, but the variable is defined in commerce.base.css and the library never declared a dependency on commerce/base.

With the variable undefined, the icon's mask-image resolves to nothing and background-color: currentColor fills the whole box, so the inbox button icon renders as a solid square.

The toolbar library already depends on commerce/base, which is why its icons render correctly. This MR adds the same dependency to local-actions.

f0ns’s picture

Status: Active » Needs review
f0ns’s picture

StatusFileSize
new12.24 KB

Now the button is showed as expected again:

Fixed Commerce Inbox button