ui: insert plugin css files before custom.css file (#2784)

In the index.html file, the reference to the custom.css file is made on the last line of the <head> tag.
The plugins.js file appends a list of CSS files to the <head> tag dynamically, consequently placing them after the custom.css file and overriding it.

Expected Behaviour:
The plugins.js file must insert the list of CSS files before the custom.css file so that it does not get overridden.

Actual Behaviour:
The plugins.js file appends a list of CSS files to the <head> tag dynamically, consequently placing them after the custom.css file and overriding it.

To Reproduce:
Log in to the Cloudstack UI using your favourite browser.
Use your browser's development tool to view the HTML elements of the index.html loaded in memory.
Expand the <head> element and review the list of CSS <link> elements.
Notice that the list of module and plugins CSS files is appended after the custom.css file.
This commit is contained in:
ernjvr 2018-08-08 08:37:56 +02:00 committed by Rohit Yadav
parent 5043768406
commit d8b3a90962

View File

@ -32,7 +32,7 @@
href: path
});
$('html head').append($link);
$('html head > link:last').before($link);
}
};