40 lines
1.8 KiB
JavaScript
40 lines
1.8 KiB
JavaScript
// ==UserScript==
|
||
// @name Treafik:Update-Dashboard-Style
|
||
// @namespace http://tampermonkey.net/
|
||
// @version 2024-07-17
|
||
// @description Скрипт, который отслеживает изменения на странице и изменяет стили всех элементов с классом `.q-card__section`, добавляя отступы, рамку и скругление углов.
|
||
// @author LukasEndigo
|
||
// @match https://*.skynet.kz/dashboard/*
|
||
// @match https://*.lkaz.ru/dashboard/*
|
||
// @icon https://www.google.com/s2/favicons?sz=64&domain=https://traefik.io
|
||
// @grant none
|
||
// ==/UserScript==
|
||
|
||
(function() {
|
||
'use strict';
|
||
|
||
// Функция для изменения стилей элементов
|
||
function changeStyles(element) {
|
||
element.style.margin = '1px 0px 1px 0px';
|
||
element.style.padding = '2px';
|
||
element.style.border = 'solid 1px #dfdfdf';
|
||
element.style.borderRadius = '6px';
|
||
}
|
||
|
||
// Создаем MutationObserver для отслеживания изменений на странице
|
||
const observer = new MutationObserver(() => {
|
||
// Находим все элементы, соответствующие селектору
|
||
document.querySelectorAll('.q-card__section').forEach(element => {
|
||
changeStyles(element);
|
||
});
|
||
});
|
||
|
||
// Наблюдаем за всем телом документа на предмет изменений
|
||
observer.observe(document.body, { childList: true, subtree: true });
|
||
|
||
// Первоначальное изменение стилей при загрузке страницы
|
||
document.querySelectorAll('.q-card__section').forEach(element => {
|
||
changeStyles(element);
|
||
});
|
||
|
||
})(); |