Fix кармы DTF v1.0

Ну, начало положено, остальное доделаю потом

сказал я и, заболев, выпал из темы почти на неделю хд

Всё-таки полностью доделал стрелочки, как в ленте, так и в комментах (хоть меня тут и опередили немного, спс @tr3m0r за консультацию в комментах 😁)

Фид
Фид
Комменты
Комменты

Ченджлог v. 1.0.0:

  • доделал карму в комментах
  • поубирал анимации, вернул стрелки и цвета
  • немножка твикнул окружающую разметку

Немного накосячил с разметкой, поэтому часам и метке автора в комментах пришлось уехать вверх, к имени пользователя;

Это просто стиль, он не возвращает отображение дизов сторонним пользователям, а всего лишь делает расположение кнопок и вид кармы более удобным

Писал в Stylus, пользуюсь им же. Скачать можно с userstyles.world. На сайте есть кнопка, чтобы сразу установить Stylus, потом можно установить стили. Вероятно, работать будет и с другими расширениями.

Если неохота качать, можно напрямую вставить код, но так не будут прилетать фиксы (если они будут):

/* ==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; } }

UPD: по просьбе сделал версию в UserScripts, но тут почему-то не работает оверрайд цветов

1313
14 комментариев

А можно это сюда добавить? А то очень сложно это все для меня глупенького

1
Ответить

или видеогайд для конченных баклажанов

1
Ответить

Отдельным расширением гораздо более муторно. Тут я не шарю.
А так ничего сложного. На сайте по ссылке тыкаешь Get Stylus (или в магазине расширений ищешь его), потом на том же сайте тыкаешь Install и далее "Установить стиль". Он должен примениться

1
Ответить

Комментарий недоступен

1
Ответить

Это просто стиль, который визуально возвращает до почти "как было". Чтобы сделать, как на ютубе с RYD, это нужна гораздо более глубокая работа. да и вряд ли разрабы оставили нужную дыру в API

Ответить

А не проще было просто скрипт сделать?
Я установил, для чего даже включил этот ебучий stylus, который работает через раз. И нифига не изменилось. Скрипт?

Ответить

Залил в виде скрипта, но у меня почему-то не работает оверрайд цветов лайков и дизлайков, времени нет разбираться) Да и пилить стиль в виде скрипта муторнее

1
Ответить