Greasy Fork

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

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

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

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

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

Что такое «Свободная лента постов» ? Кнопки под постами в ленте выравниваются по проавому краю, и отступ между постами чуть увеличивается. Мне так нравится.

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

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

--- 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-reassign const score = parseFloat(scoreEl.innerHTML.replace('–', '-').replace(',', '.'), 10); if (score > total) total = score; const likes = (total + score) / 2;

@"Victor Dobrov"

Поменяю, не сложно. Вы используете такие маленькие кнопки?

А заметил, вы используете очень маленькие кнопки.

Зачем переменная FLAGS.KARMA_WIDTH, если вы её не меняете?

Перестал работать скрипт, не скрывает правую панель например, здесь: «Фильтр для комментариев…»

Поправка: новая версия не работает только моём профиле, хотя старый скрипт работал, на чистом профиле всё нормально…