Скрипт для удаления всех реакций кроме лайка
Ставим юзерскрипт и наслаждаемся (с).
Замена лайков-сердечек на старый вариант и размещение в одном блоке/линии с остальными элементами под постом и в комментариях.
Инструкция
- Устанавливаем Tampermonkey. Chrome (Vivaldi, Яндекс Браузер, Chromium, etc.), Firefox, Opera, Safari (с сайта разработчика расширения или из Mac Store)
- В расширении нажмите "Создать новый скрипт"
- Вставляем туда код:
// ==UserScript==
// @name Удалить ВСЕ РЕАКЦИИ / замена на старые ЛАЙКИ
// @namespace http://tampermonkey.net/
// @version 0.4.4
// @description УДАЛИТЬ РЕАКЦИИ и замена на старые иконки лайков на DTF.RU
// @author Expanser https://dtf.ru/u/209242-expanser
// @author Фанат Вейка https://dtf.ru/u/920622-fanat-veika
// @match https://dtf.ru/*
// @match https://*.dtf.ru/*
// @run-at document-start
// @require http://code.jquery.com/jquery-3.4.1.min.js
// ==/UserScript==
var like_silver = '<svg class="icon icon--like" width="20" height="20" style=""><use xlink:href="#like"></use></svg>';
var like_red = '<svg class="icon icon--like_active" width="20" height="20"><use xlink:href="#like_active"></use></svg>';
(function() {
'use strict';
var globalStyle_val = 0;
var reaction_align = 'left';
//var reaction_align = 'right';
var global_cnt = 0;
function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName('head')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
}
function updateReactions() {
if (globalStyle_val === 0) {
addGlobalStyle(`
.content-views {
margin-right: 15px;
}
.reaction-button {
background: none;
}
`);
globalStyle_val = 1;
}
// В постах:
// Перемещаем блок реакций в футер
$('.content .content__reactions').each(function() {
var elm = $(this);
var elm_ch = elm.children(".reactions");
if (reaction_align === 'left') {
elm_ch.prependTo(elm.nextAll('.content-footer').first());
} else if (reaction_align === 'right') {
elm_ch.appendTo(elm.nextAll('.content-footer'));
}
});
// в комментариях:
// Перемещаем блок реакций в одну линию футера комментарий
$('.comments-tree .comment__content').each(function() {
var elm = $(this);
var elm_actions = elm.children(".comment__actions");
elm_actions.prependTo(elm_actions.nextAll('.comment__footer').first());
var elm_reacts = elm.children(".reactions");
elm_reacts.prependTo(elm_reacts.nextAll('.comment__footer').first());
});
$('.reactions').each(function(){
var elem = $(this).children(":first");
if (!elem.hasClass("reaction-button-changed")) {
elem.addClass("reaction-button-changed");
if (elem.hasClass("reaction-button--active")) {
elem.removeClass("reaction-button--active").addClass("reaction-button--active-new");
elem.children("img").replaceWith(like_red);
} else {
elem.children("img").replaceWith(like_silver);
}
}
$(this).children('.reaction-button').not('.reaction-button-changed').not(':has(img[src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAMAAAC4uKf/AAAA"])').hide();
});
$('.reactions').children(".reaction-button").click(function() {
if (!$(this).hasClass("reaction-button--active")) {
$(this).children("svg").replaceWith(like_silver);
} else {
$(this).children("svg").replaceWith(like_red);
}
});
requestAnimationFrame(updateReactions); // Вызываем функцию заново при следующем рендеринге
}
updateReactions(); // Запускаем функцию первый раз
})();
- Сохраняем скрипт
- Перегружаем вкладку с dtf.ru
Результат:
В качестве промо - решения от других пользователей DTF:
76 комментариев