Problem/Motivation

On the H5P Library List page (/admin/content/h5p), the icons for the update and remove buttons are missing.

Several types are shown, with the buttons on the right side, but the buttons don't have any discernible button icons

The button to update still works, for those on which it is able to be updated. It's just missing an icon which makes it very hard to tell whether there are any updates possible; there is only a slight difference in the green outline colour.

Steps to reproduce

Drupal core 11.3.5
H5P module version 2.0.0-beta1
PHP 8.3

Proposed resolution

There are no messages in the console or in the site Drupal logs to help narrow down where the error is coming from. It appears that it is trying to use a custom font "H5P" for these icons, with this in the stylesheets:

.h5p-admin-upgrade-library:before {
    font-family: 'H5P';
    content: "\e888";
}

So maybe it's no longer loading that custom font?

CommentFileSizeAuthor
MissingIcons.png26.73 KBryan-l-robinson

Issue fork h5p-3582298

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:

About issue forks

Comments

ryan-l-robinson created an issue. See original summary.

daniel kulbe made their first commit to this issue’s fork.

daniel kulbe changed the visibility of the branch 3582298-missing-button-icons to hidden.

daniel kulbe opened merge request !57

daniel kulbe’s picture

daniel kulbe
he/him
Primary language German
Location Berlin
commented
Version: 2.0.0-beta1 » 2.0.x-dev
Status: Active » Needs review

Created an MR, hope this helps.

ryan-l-robinson’s picture

ryan-l-robinson commented

Thank you for the quick work! That seems to have done the trick for me.

ryan-l-robinson’s picture

ryan-l-robinson commented
Status: Needs review » Reviewed & tested by the community