Hi,
Using Moodle 3.3 and a modified version of the kraus-blue.scss file. As you can see from the screenshot below, I'm getting a strange "ghosting" effect with the notifications and messages icons. It also occurs in the nav drawer in the display of the little folder icon next to each item in the list of sections courses (see screenshot).
Header:
Nav-drawer:
In the .scss file, this seems to be the relevant code, but I don't see anything obvious that would cause multiple instances of the icon to appear.
#nav-notification-popover-container,
#nav-message-popover-container {
background-repeat : no-repeat;
background-position : center;
img {
visibility : hidden;
}
}
#nav-notification-popover-container {
background-image : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAArElEQVR4AY1TAY3EMAx7CA9hEAphEA5CIQxCGBTCIBTCQRiEQSiEXCd5khVdbrZkaUpnp02SPxXuvk72yUUVLBBENEVcJofnsCeDw5/xysTVNRyZweki8uwiovgf2VUMFhpXXcT7NrDb8QqCwk3QShqW+uVJFYZ5G68PukHh0UWssVFWwJ1MNopzXSx0aY0mRocnfi4h804mPds4LuCAqE1uOK/chV/j3JVd+ACbo6JOTd4N8wAAAABJRU5ErkJggg==');
}
#nav-message-popover-container {
background-image : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAOElEQVR4AWP4//+/ARA3EItBGub/JwEwgHUSAqMaEPGwH01uPdZ4gAJ0m+YzEAAIDQjFhDUQoxgAihXBqBpEOfEAAAAASUVORK5CYII=');
}
Would appreciate any help on this!