Chart.js style is injected into site header regardless of deleting the chart.js library
Author: ni-faraCreated Apr 3, 2020Updated Apr 16, 2020
After customizing MDB Free using Gulp and removing the line related to Chart.js component in \MDB Gulp Free\js\modules.js, mdb.js file still contains some code that injects the style below into site header.
<style type="text/css"> /* Chart.js */ @-webkit-keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}@keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}.chartjs-render-monitor{-webkit-animation:chartjs-render-animation 0.001s;animation:chartjs-render-animation 0.001s;} </style>
The function that injects the style is:
function injectCSS(platform, css) {
// http://stackoverflow.com/q/3922139
var style = platform._style || document.createElement('style');
if (!platform._style) {
platform._style = style;
css = '/* Chart.js */\n' + css;
style.setAttribute('type', 'text/css');
document.getElementsByTagName('head')[0].appendChild(style);
}
style.appendChild(document.createTextNode(css));
}Source: mdbootstrap/material-design-for-bootstrap