#48 Added types for css enhancements
This commit is contained in:
parent
f99034ceb3
commit
8a0f4a3db2
|
@ -2,27 +2,27 @@ import { getGlobalConfiguration, SETTINGS_websiteHideUnusedTabs, SETTINGS_websit
|
||||||
import * as core from '../utils/aniwatchCore';
|
import * as core from '../utils/aniwatchCore';
|
||||||
import * as helper from '../utils/helpers';
|
import * as helper from '../utils/helpers';
|
||||||
|
|
||||||
export function init() {
|
export function init(): void {
|
||||||
getGlobalConfiguration().getProperty(SETTINGS_websiteHideUnusedTabs, value => {
|
getGlobalConfiguration().getProperty(SETTINGS_websiteHideUnusedTabs, value => {
|
||||||
// if disabled, add class to avoid our css optimizations
|
// if disabled, add class to avoid our css optimizations
|
||||||
if (!value) {
|
if (!value) {
|
||||||
let disableFunc = node => {
|
let disableFunc = (node: Element) => {
|
||||||
if (helper.isHtmlElement(node)) {
|
let disableNode = (node: Element) => {
|
||||||
let disableNode = node => {
|
node.classList.add('awp-hide-unused-disabled')
|
||||||
node.classList.add('awp-hide-unused-disabled')
|
}
|
||||||
}
|
|
||||||
|
|
||||||
if (node.tagName === 'MD-TAB-ITEM') {
|
if (node.tagName === 'MD-TAB-ITEM') {
|
||||||
disableNode(node);
|
disableNode(node);
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
node.querySelectorAll('md-tab-item').forEach(node => disableNode(node));
|
node.querySelectorAll('md-tab-item').forEach(node => disableNode(node));
|
||||||
}
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
core.registerScript(node => {
|
core.registerScript(node => {
|
||||||
disableFunc(node);
|
if (node instanceof Element) {
|
||||||
|
disableFunc(node);
|
||||||
|
}
|
||||||
}, ".*");
|
}, ".*");
|
||||||
|
|
||||||
core.runAfterLoad(() => {
|
core.runAfterLoad(() => {
|
||||||
|
@ -34,23 +34,23 @@ export function init() {
|
||||||
getGlobalConfiguration().getProperty(SETTINGS_websiteOptimizeListAppearance, value => {
|
getGlobalConfiguration().getProperty(SETTINGS_websiteOptimizeListAppearance, value => {
|
||||||
// if disabled, add class to avoid our css optimizations
|
// if disabled, add class to avoid our css optimizations
|
||||||
if (!value) {
|
if (!value) {
|
||||||
let disableFunc = node => {
|
let disableFunc = (node: Element) => {
|
||||||
if (helper.isHtmlElement(node)) {
|
let disableNode = (node: Element) => {
|
||||||
let disableNode = node => {
|
node.classList.add('awp-list-disabled')
|
||||||
node.classList.add('awp-list-disabled')
|
}
|
||||||
}
|
|
||||||
|
|
||||||
if (node.tagName === 'MD-LIST-ITEM') {
|
if (node.tagName === 'MD-LIST-ITEM') {
|
||||||
disableNode(node);
|
disableNode(node);
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
node.querySelectorAll('md-list-item').forEach(node => disableNode(node));
|
node.querySelectorAll('md-list-item').forEach(node => disableNode(node));
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
core.registerScript(node => {
|
core.registerScript(node => {
|
||||||
disableFunc(node);
|
if (node instanceof Element) {
|
||||||
|
disableFunc(node);
|
||||||
|
}
|
||||||
}, ".*");
|
}, ".*");
|
||||||
|
|
||||||
core.runAfterLoad(() => {
|
core.runAfterLoad(() => {
|
||||||
|
|
Loading…
Reference in a new issue