Habr.Features

Всякое-разное для Habr aka habr.com

< 脚本Habr.Features的反馈

评价：好评 - 脚本运行良好

LESHIY_ODESSA

发表于：2018-09-05

编辑于：2018-09-05

举报评论

Подробности настроек.

Интересно, но много непонятно, в особенности в настройках.

Если отключить «Стилизация» и «Стилизация комментариев», то пропадает кнопка с настройками. Может её вынести в заголовок или шапку?

Что такое «Свободная лента постов» ?

AngReload作者

发表于：2018-09-05

编辑于：2018-09-05

举报评论

Если отключить «Стилизация» и «Стилизация комментариев», то пропадает кнопка с настройками. Может её вынести в заголовок или шапку?Это я не подумал, исправлю. Зачем выносить в заголовок или шапку?
Что такое «Свободная лента постов» ?Кнопки под постами в ленте выравниваются по проавому краю, и отступ между постами чуть увеличивается. Мне так нравится.

AngReload作者

发表于：2018-09-05

编辑于：2018-09-05

举报评论

Если отключить «Стилизация комментариев», то кнопка с настройками не пропадает.А вообще убрал опцию «Стилизация» — смысла её отключать нет, так как это просто общий выключатель для всех опций в настройках ниже её.

Victor Dobrov

发表于：2019-03-28

举报评论

Добавил свои настройки, так проще установить размеры плавающих кнопок:

--- HabrFeatures.user.js+++ HabrFeatures_mod.user.js@@ -14,6 +14,10 @@

// настройки по умолчаниюconst FLAGS = {};+FLAGS.BUTTON_SIZE = 16;+FLAGS.BUTTON_SIZE2 = 25;+FLAGS.BUTTON_SIZE4 = 48;+FLAGS.KARMA_WIDTH = 84;// остановка гифок// клик по гифке заменит картинку на заглушку// повторный клик вернет гифку на место@@ -784,15 +788,15 @@.night_mode_switcher {box-sizing: border-box;position: fixed;

width: 32px;
height: 32px;
right: 32px;
bottom: 32px;
z-index: 10000;
width: + FLAGS.BUTTON_SIZE +px;
height: + FLAGS.BUTTON_SIZE +px;
right: + FLAGS.BUTTON_SIZE +px;
bottom: + FLAGS.BUTTON_SIZE +px;
z-index: 101;background-color: transparent;border-radius: 50%;border: 4px solid #aaa;
border-right-width: 16px;
border-right-width: + FLAGS.BUTTON_SIZE/2 +px;transition: border-color 0.1s ease-out;}

@@ -1161,10 +1165,10 @@.config_button {box-sizing: border-box;position: fixed;

width: 32px;
height: 25px;
right: 32px;
bottom: ${FLAGS.NIGHT_MODE ? 88 : 32}px;
width: + FLAGS.BUTTON_SIZE +px;
height: + FLAGS.BUTTON_SIZE2 +px;
right: + FLAGS.BUTTON_SIZE +px;
bottom: ${FLAGS.NIGHT_MODE ? FLAGS.BUTTON_SIZE4 : FLAGS.BUTTON_SIZE}px;z-index: 10000;background: -webkit-linear-gradient(top, #aaa 50%, transparent 50%);background: -moz-linear-gradient(top, #aaa 50%, transparent 50%);@@ -1388,7 +1392,7 @@});Array.from(document.querySelectorAll('.page-header__stats_karma')).forEach((karmaEl) => {karmaEl.style.width = 'auto'; // eslint-disable-line no-param-reassign
karmaEl.style.minWidth = '84px'; // eslint-disable-line no-param-reassign
karmaEl.style.minWidth = FLAGS.KARMA_WIDTH +'px'; // no-param-reassign});Array.from(document.querySelectorAll(`.stacked-counter[href="https://habr.com/ru/info/help/karma/"],@@ -1398,7 +1402,7 @@const scoreEl = couterEl.querySelector('.stacked-counter__value');if (!scoreEl || !total) return;couterEl.style.width = 'auto'; // eslint-disable-line no-param-reassign
couterEl.style.minWidth = '84px'; // eslint-disable-line no-param-reassign
couterEl.style.minWidth = FLAGS.KARMA_WIDTH +'px'; // no-param-reassignconst score = parseFloat(scoreEl.innerHTML.replace('–', '-').replace(',', '.'), 10);if (score > total) total = score;const likes = (total + score) / 2;