/* ==UserStyle==
@name DTF Karma Fix
@version 0.9
@namespace userstyles.world/user/proviceunify
@description Возвращает структуру старой кармы
@author proviceunify
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://dtf.ru/") {
:root {
--karma-margins: 10px;
}
/* комменты */
.comment__content > .comment__copy-link {
/* комменты -> профиль -> "скопировать ссылку(📎)" */
order: 0 !important;
}
/* фикс отображения доп комментов */
.comment__text {
margin-top: 17px;
}
.comment__content > .comment__break {
order: 6;
display: flex;
}
.comment__load-more {
order: 7 !important;
}
.comment__icon-action {
order: -1;
}
.comment__break + .comment__detail {
/* комменты -> n времени назад */
margin-left: 0;
order: -2;
}
.comment__content > .like-button--action-like {
/* комменты -> лайк */
order: 4;
}
.comment__content > div[air-module] {
/* комменты -> "..." */
order: 2;
}
.comment__content > div[air-click] {
/* комменты -> "Ответить" */
order: 1;
}
.comment__content > .like-button--action-like,
.like-button--active {
/* комменты -> фикс прыжков лайков */
margin-right: 16px !important;
}
.comment__content > .like-button--action-dislike,
.like-button--active {
/* комменты -> дизлайки, фикс прыжков дизлайков */
order: 3;
margin-right: var(--karma-margins) !important;
}
.like-button--action-like:not(:has(span.like-button__count)) {
/* комменты и фид */
margin-left: 19px;
}
/* фид */
.like-button__lottie {
/* выключение анимаций */
visibility: hidden !important;
}
.like-button__icon {
/* выключение анимаций */
visibility: visible !important;
}
.like-button {
display: flex;
flex-direction: row-reverse;
}
.like-button--active {
margin-right: 0 !important;
}
.like-button__count {
min-width: 9px;
margin-left: 0;
margin-right: var(--karma-margins);
}
.content-footer__item:has(button.like-button--action-like) {
margin-right: 0;
order: 3;
}
.content-footer__item:has(button.like-button--action-dislike) {
margin-right: var(--karma-margins) !important;
}
.content-footer__item--right {
margin-right: 20px !important;
order: 2 !important;
}
.like-button--action-dislike {
--like-color-text-hover: #f0303d;
--like-color-background-hover: #e5545e;
--like-color-active: #e65151;
}
.like-button--action-like {
--like-color-text-hover: #3f904a;
--like-color-background-hover: #479d52;
--like-color-active: #479d52;
margin-left: 0;
}
symbol#v_like > path {
d: path("M4.4,13l5.4-5.9c0.1-0.1,0.3-0.1,0.4,0l5.4,5.8");
}
symbol#v_like_active > path {
d: path("M4.4,13l5.4-5.9c0.1-0.1,0.3-0.1,0.4,0l5.4,5.8");
fill: transparent;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.5;
scale: 1.2;
}
symbol#v_dislike > path {
d: path("M15.6,7l-5.4,5.9c-0.1,0.1-0.3,0.1-0.4,0L4.4,7");
}
symbol#v_dislike_active > path {
d: path("M15.6,7l-5.4,5.9c-0.1,0.1-0.3,0.1-0.4,0L4.4,7");
fill: transparent;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.663;
}
}
А можно это сюда добавить? А то очень сложно это все для меня глупенького
или видеогайд для конченных баклажанов
Отдельным расширением гораздо более муторно. Тут я не шарю.
А так ничего сложного. На сайте по ссылке тыкаешь Get Stylus (или в магазине расширений ищешь его), потом на том же сайте тыкаешь Install и далее "Установить стиль". Он должен примениться
Комментарий недоступен
Это просто стиль, который визуально возвращает до почти "как было". Чтобы сделать, как на ютубе с RYD, это нужна гораздо более глубокая работа. да и вряд ли разрабы оставили нужную дыру в API
А не проще было просто скрипт сделать?
Я установил, для чего даже включил этот ебучий stylus, который работает через раз. И нифига не изменилось. Скрипт?
Залил в виде скрипта, но у меня почему-то не работает оверрайд цветов лайков и дизлайков, времени нет разбираться) Да и пилить стиль в виде скрипта муторнее