Теперь она выглядит вот так:
Вот эти надписи - это жуть и совершенно неудобно:
Я пытался..
Выделение синим фоном и бордером делал давно под себя, приложил в коде, т.к. "дефолтная подсветка" отслеживаемых вопросов была убрана (но это не точно).
.example {
display: -ms-grid;
display: grid;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
background: -o-linear-gradient(top, white, black);
background: linear-gradient(to bottom, white, black);
}
.s-post-summary__watched {
background-color: rgba(0, 136, 255, .015);
-webkit-box-shadow: 3px 0 0 0 #08f inset;
box-shadow: 3px 0 0 0 #08f inset;
}
.s-post-summary--stats {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
width: 150px !important;
position: relative;
}
.s-post-summary--stats-item {
display: block !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
white-space: normal !important;
text-align: center !important;
min-width: calc((100% - 12px) / 3) !important;
width: calc((100% - 12px) / 3) !important;
margin: 0 !important;
margin-right: 6px !important;
overflow: hidden !important;
-o-text-overflow: ellipsis !important;
text-overflow: ellipsis !important;
}
.s-post-summary--stats-item-number {
display: block;
margin-right: 0 !important;
font-weight: 300;
font-size: 1.425rem !important;
}
.s-post-summary--stats-item.has-bounty {
display: inline-block !important;
width: auto !important;
min-width: auto !important;
position: absolute;
left: 0;
top: calc(100% + 6px);
}
.s-post-summary__watched .is-watched,
.s-post-summary--stats-item.has-accepted-answer>svg {
display: none !important;
}
Для работы кода использую расширение Stylish (для FF, для Chrome)
Поддерживаю, что решение SO ужасное, но думаю обратно они не вернут, по этому буду сидеть на "кастомном".
Правки по коду.
1.1 Ломается отображение "голоса, ответ, показы" когда появляется бонус за ответ, по этому принято решение не менять их положение, т.к. нет возможности "привязаться" к конкретным элементам.
1.2 Вернул цифрам большой размер (спасибо @Qwertiy за подсказку)
1.3 Ребята из SO сменили HTML счётчиков, поправил под это изменение
Скрипт от заморских коллег, исправляющий положение.
(Firefox 95.0 Mozilla Firefox for Linux Mint mint - 1.0)
https://ru.stackoverflow.com/*
. Ничего не происходит. Попробую еще раз перезапустить браузер.
Переделал себе немного внешний вид, не могу смотреть на эти ярлыки цвета жидкого стула.
Для внесения CSS правок на страницы сайта использую расширение User CSS
для Chrome, у меня работает вполне шустро оно, иногда небольшая задержка при внесении правок правда заметна.
Стили следующие:
:root {
--color-grey: rgb(0 0 0 / 35%);
--color-viewed-post: #f1e5bb;
}
.s-post-summary__watched {
background-color: transparent;
box-shadow: 5px 0 0 0 var(--color-viewed-post) inset;
}
.s-post-summary--stats {
color: var(--color-grey);
width: auto;
min-width: 90px;
}
.s-post-summary--stats .s-post-summary--stats-item.s-post-summary--stats-item__emphasized {
color: var(--color-grey);
}
.post-tag.s-tag__watched {
color: var(--theme-tag-color);
background-color: var(--theme-tag-background-color);
border-color: var(--theme-tag-border-color);
padding: .4em 0.5em !important;
}
.post-tag.s-tag__watched:before {
display: none
}
a.s-link__muted,
.s-link.s-link__muted {
color: var(--color-grey);
}
.s-user-card.s-user-card__minimal {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 5px;
justify-items: end;
}
.s-user-card.s-user-card__minimal .s-user-card--avatar {
grid-area: 2 / 1 / 3 / 2;
}
.s-user-card.s-user-card__minimal .s-user-card--info {
grid-area: 2 / 2 / 3 / 3;
}
.s-user-card.s-user-card__minimal .s-user-card--time {
grid-area: 1 / 1 / 2 / 3;
margin-right: 0;
}
.s-user-card--awards li {
margin-right: 0;
}
.s-avatar {
width: 24px;
height: 24px;
}
.s-avatar .s-avatar--image {
width: 100%;
height: 100%;
}
Выскажу непопулярное мнение (судя по ответам и количеству голосов "за"):
Ваши возмущения, господа, это просто боязнь перемен и желание остаться в состоянии равновесия? Привычный интерфейс, который использовался годами, вам кажется родным и ламповым. Возможно, меня тоже когда нибудь настигнет участь стариковского мышления сохранять "вымышленные" удобства, которые просто сформированы привычками, но в данный момент мне не понятны ваши возмущения и желания все вернуть обратно.
Я стараюсь помнить, что молодежь вокруг меня постоянно что-то меняет и их не напрягает незначительные перемены. Более того они к ним тянутся и сами их создают. Я выбираю не обращать внимание на мелочи изменения интерфейса. Я посидел, попробовал и понимаю, что глобальных перемен, которые заставляют меня страдать нет вовсе.
Я не навязываю свою точку зрения, не нравится -> протестуйте. Ну и конструктивная критика изменений - тоже хорошо.