По дефолту Хабр выводит список публикаций так что они содержат превью, зачастую там какая-то бесполезная КДПВ и часть текста публикации. А так как большинство публикаций там не представляют интереса, скролить всё это очень раздражало.
Наконец дошли руки чуть подтюнить внешний вид:
.tm-articles-list__item:not(:hover) .tm-article-snippet__lead,
.tm-articles-list__item:not(:hover) .tm-megapost-snippet__body,
.tm-sandbox-articles-list__item:not(:hover) .tm-article-snippet__lead,
.tm-sandbox-articles-list__item:not(:hover) .tm-megapost-snippet__body,
.tm-sandbox-articles-list__item:not(:hover) .tm-article-snippet__label {
display: none;
}
.tm-articles-list__item:not(:hover) .tm-megapost-snippet__card {
height: auto;
}
.tm-articles-list__item:not(:hover) .tm-megapost-snippet__wrapper
/*,.tm-articles-list__item:not(:hover) .tm-megapost-snippet__tint*/ {
background: none !important;
}
.tm-articles-list__after-article:not(:hover) {
max-height: 50px;
overflow: hidden;
}
.tm-article-snippet__title {
overflow: hidden;
}
Правки минимальные, до них выглядело так. При наведении курсора свёрнутый блок разворачиается в оригинальный вид.
Для применения стиля можно воспользоваться расширением для браузера типа Stylus, в таком случае стиль можно установить с userstyles.world.
Да, Хабр давно не торт, я в курсе.
Зеркала публикации:
