Snap for Moodle 4.1 - icons missing from the activity chooser?

Greg Bird

• June 20, 2023 06:39
• Edited

Hi all.  Has anyone else noticed that on Snap for Moodle 4.1, a number of icons are missing from the activity chooser?


This issue appears to track back to a rather unusual application of CSS filters.  

.activityiconcontainer.content .activityicon:not(.nofilter), .activityiconcontainer.content .icon:not(.nofilter) {
    filter: brightness(0) invert(1);
}

I can't quite wrap my head around what this CSS is intended to do, but it is a particularly odd paring of selectors.

The 'brightness(0)' sets the image to zero brightness (solid black) and then the 'invert(1)' sets it to the inverse of this (solid white).  It has the net effect of rendering white icons on a white background.    Bizarre.

 

 

1

• Official comment

  

  Cristian Duque

  • June 23, 2023 16:48

  Hello guys! How's it going Greg, long time no see!

  I have gotten in touch with the Product team and I can confirm a fix is coming on the next release.

  You can always share more issues and feedback on the Feedback and Suggestions channel!

  Let us know if there's anything else we can assist you with 🙂
• 

  Jason Rodgers

  • June 20, 2023 11:16

  I wonder if it is similar to the icons for the external LTI tools.  They have all gone inverted B/W as well on a transparent background in Moodle 4.  We had to recreate some of ours because of this.

  0
• 

  Greg Bird

  • June 21, 2023 00:19
  • Edited

  Possibly.   It is a real head-scratcher as to why these filters are there at all.  It became a bit of a whack-a-mole to see where and how often they appear.
  
  This is made more difficult still by the fact that they are coupled with a ':not' pseudo-element.   Very hard to find all instances that don't match something.  It is like dis-proving the flying spaghetti monster.
  
  This approach worked for me as a CSS post-fix to undo the damage.   There still might be some instances I haven't found yet:

  .activityiconcontainer .activityicon,
  .activityiconcontainer .icon {
      filter: none !important;
  }

  0

Please sign in to leave a comment.