Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2026-02-24 04:00:59 +01:00
Code Issues Packages Projects Releases Wiki Activity

web: migrate css.js to typescript (#2165)

Browse Source 
Signed-off-by: Abdulrehman-Jafer <abdulrehmanjaferwork01233@gmail.com>
This commit is contained in:
Abdulrehman-Jafer
2023-03-23 17:03:23 +05:00
committed by GitHub
parent 77ac53215c
commit 5b3c889b7c
1 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
apps/web/src/utils/css.js → apps/web/src/utils/css.ts
View File

@@ -17,14 +17,16 @@ You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
export function removeCss(id) {
var link = document.getElementById(id);
link.remove();
export function removeCss(id: string) {
const link = document.getElementById(id);
if(link){
link.remove();
}
}
export function injectCssSrc(id, src) {
var head = document.head;
var link = document.createElement("link");
export function injectCssSrc(id: string, src: string) {
const head = document.head;
const link = document.createElement("link");
link.id = id;
link.type = "text/css";
@@ -34,32 +36,30 @@ export function injectCssSrc(id, src) {
head.appendChild(link);
}
export function injectCss(rule) {
let variableCss = document.getElementById("variables");
let head = document.getElementsByTagName("head")[0];
export function injectCss(rule: string) {
const variableCss = document.getElementById("variables");
const head = document.getElementsByTagName("head")[0];
if (variableCss) {
head.removeChild(variableCss);
}
let css = document.createElement("style");
const css = document.createElement("style");
css.type = "text/css";
css.id = "variables";
// Support for IE
if (css.styleSheet) css.styleSheet.cssText = rule;
// Support for the rest
else css.appendChild(document.createTextNode(rule));
css.appendChild(document.createTextNode(rule));
head.insertBefore(css, getRootStylesheet());
}
function getRootStylesheet() {
for (let sty of document.getElementsByTagName("style")) {
for (const sty of document.getElementsByTagName("style")) {
if (sty.innerHTML.includes("#root")) {
return sty;
}
}
return null;
}
export function changeSvgTheme(newAccent) {
var nodes = document.querySelectorAll('*[fill="#0560ff"]');
for (var n = 0; n < nodes.length; ++n)
export function changeSvgTheme(newAccent: string) {
const nodes = document.querySelectorAll('*[fill="#0560ff"]');
for (let n = 0; n < nodes.length; ++n)
nodes[n].setAttribute("fill", newAccent);
}