56

Теперь она выглядит вот так:

скриншот

Вот эти надписи - это жуть и совершенно неудобно:

скриншот надписей

29
  • 34
    Полностью согласен.
    – avp
    Commented 24 янв. 2022 в 23:39
  • 6
    meta.stackexchange.com/q/375081
    – Spatz
    Commented 25 янв. 2022 в 4:15
  • 18
    С каждым обновлением дизайн на SO все хуже и хуже.
    – eanmos
    Commented 25 янв. 2022 в 4:53
  • 1
    Шляпа не удобная.
    – doox911
    Commented 25 янв. 2022 в 6:53
  • 3
    @ori на телефоне так же неудобно читается. (я, похоже, вчера застал тот момент, когда поменяли - было как обычно и вдруг изменилось) Commented 25 янв. 2022 в 8:55
  • 2
    выглядит будто стили не подгрузились Commented 25 янв. 2022 в 8:59
  • 1
    А кто вообще сидит на главной?)) Она вообще кому-то нужна?)) Commented 25 янв. 2022 в 13:26
  • 6
    @АлексейШиманский, я, к примеру, только ее и использую
    – avp
    Commented 25 янв. 2022 в 13:43
  • 1
    @АлексейШиманский а какой смысл задавать вопрос, ответ на который вас все равно не интересует? Commented 25 янв. 2022 в 14:26
  • 2
    @АлексейШиманский, я тоже пользуюсь только главной.
    – Qwertiy Мод
    Commented 25 янв. 2022 в 16:10
  • 1
    Мне лично, больше всего не нравится, что теперь отсутствует краткое описание вопроса под заголовком, к остальному можно привыкнуть. Но в целом да, раньше было лучше. Радует, что фильтруя вопросы "пользовательским фильтром", выводятся они в старом дизайне до сих пор.
    – Pilaton
    Commented 25 янв. 2022 в 22:56
  • 7
    Так выглядит UI без UX. Прямо вот академический пример, как делать не надо.
    – aepot Мод
    Commented 26 янв. 2022 в 18:42
  • 3
    Они ещё и отслеживаемые теги ярко желтым сделали, когда оно нафиг не нужно. Подсветки и так хватает... Commented 27 янв. 2022 в 17:02
  • 9
    Был вполне нормальный UX UI, взяли и превратили в какой-то XU UI
    – Pilaton
    Commented 27 янв. 2022 в 20:11
  • 4
    Новый дизайн лучше, 170 active users не могут ошибаться :) Жесть какая-то, я сначала подумал что на телефоне глюк, потом открыл декстоп ... omg.
    – user177221
    Commented 27 янв. 2022 в 22:04

4 ответа 4

13

Я пытался..

введите сюда описание изображения

Выделение синим фоном и бордером делал давно под себя, приложил в коде, т.к. "дефолтная подсветка" отслеживаемых вопросов была убрана (но это не точно).

.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 счётчиков, поправил под это изменение

5
  • Спасибо! Еще бы размер чисел прежний вернуть, но видимо не судьба…
    – eanmos
    Commented 25 янв. 2022 в 4:52
  • @eanmos, да, не судьба. Жаль в CSS нету :first-word
    – De.Minov
    Commented 25 янв. 2022 в 4:57
  • 3
    @De.Minov, width + first-line.
    – Qwertiy Мод
    Commented 25 янв. 2022 в 7:26
  • @Qwertiy, хм.. Сейчас попробую
    – De.Minov
    Commented 25 янв. 2022 в 7:27
  • stylish ворует данные, хватит его советовать. Используйте Stylus Commented 10 февр. 2022 в 8:34
10

Скрипт от заморских коллег, исправляющий положение.

пикча

6
  • У меня вообще не заработало. Просто ничего не изменилось после install по ссылке. Браузер перезапускал. (Firefox 95.0 Mozilla Firefox for Linux Mint mint - 1.0)
    – avp
    Commented 27 янв. 2022 в 10:59
  • @avp А расширение на FF какое? У меня tampermonkey. Оно вам предложило после перехода по ссылке установить скрипт? Если зайти на страничку с вопросами и нажать на иконку расширения, там подписано, что скрипт работает? Commented 27 янв. 2022 в 11:01
  • Стооит какой-то Greasemonkey (насколько помню, ставил, чтобы русские шрифты в том же SO улучшить). Сам скрипт Legacy Options в меню этого расширения есть. В меню options этого скрипта я добавил в User includes и User matches https://ru.stackoverflow.com/*. Ничего не происходит. Попробую еще раз перезапустить браузер.
    – avp
    Commented 27 янв. 2022 в 11:28
  • Перезапустил. Поигрался с "only use this" в меню скрипта. Не работает.
    – avp
    Commented 27 янв. 2022 в 11:39
  • @avp Попробуйте tampermonkey вместо greasemonkey (скрипт на шрифты в нем тоже работает). У меня тоже greasemonkey раньше стоял, но я почему-то заменил на этот. Commented 27 янв. 2022 в 11:40
  • 1
    Спасибо, но пожалуй, не буду. Видимо, шеф, жестко высказавшийся вчера про качество современных программеров, прав.
    – avp
    Commented 27 янв. 2022 в 11:42
7

Переделал себе немного внешний вид, не могу смотреть на эти ярлыки цвета жидкого стула.

Для внесения 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%;
}

Было: Было

Стало: Стало

5

Выскажу непопулярное мнение (судя по ответам и количеству голосов "за"):

Ваши возмущения, господа, это просто боязнь перемен и желание остаться в состоянии равновесия? Привычный интерфейс, который использовался годами, вам кажется родным и ламповым. Возможно, меня тоже когда нибудь настигнет участь стариковского мышления сохранять "вымышленные" удобства, которые просто сформированы привычками, но в данный момент мне не понятны ваши возмущения и желания все вернуть обратно.

Я стараюсь помнить, что молодежь вокруг меня постоянно что-то меняет и их не напрягает незначительные перемены. Более того они к ним тянутся и сами их создают. Я выбираю не обращать внимание на мелочи изменения интерфейса. Я посидел, попробовал и понимаю, что глобальных перемен, которые заставляют меня страдать нет вовсе.

Я не навязываю свою точку зрения, не нравится -> протестуйте. Ну и конструктивная критика изменений - тоже хорошо.

13
  • Не во всем согласен с автором, но в целом поддержу. Слишком много шума и недовольства из-за мелких, по сути, изменений. Несколько грустно, что под вопросом теперь нет начала его текста, но оно и так, зачастую, было бесполезно. Все остальные изменения чисто на уровне "непривычно". Функционал не изменился, визуальные изменения невелики. Commented 31 янв. 2022 в 4:32
  • 1
    @ЮрийКозлов начала текста вопроса на главной никогда и не было. Это на странице вопросов, оно и сейчас там.
    – αλεχολυτ Мод
    Commented 31 янв. 2022 в 5:13
  • @αλεχολυτ хм... тогда о каком "кратком описании" говорят в комментариях под вопросом? (И да,тогда я вообще не вижу причин жалеть о смене дизайна) Commented 31 янв. 2022 в 9:58
  • @ЮрийКозлов это надо у автора коммента спрашивать. Скорее всего он просто спутал страницы.
    – αλεχολυτ Мод
    Commented 31 янв. 2022 в 10:04
  • @αλεχολυτ Ясно, спасибо. Я главной страницей почти не пользуюсь, так что тоже ошибся :) Commented 31 янв. 2022 в 10:07
  • 1
    Я надеюсь вы заметили, что дизайн слегка пофиксили со времени создания этого вопроса. Теперь он более терпимый, самый адские недочеты убрали и теперь изменения выглядят более терпимо. Стандартный подход, сделать всё плохо, а потом вернуть немного, и вуаля боль утихла, и скоро придёт принятие
    – 4per
    Commented 31 янв. 2022 в 14:22
  • @4per да, именно поэтому, я только сейчас и написал ответ. Посмотреть, попробовать, потестить, пофиксить - нормальная практика. Все же тут сталкиваются так или иначе с нововведениями в том числе и пользовательских интерфейсов. Не караул, же.
    – Dmitry
    Commented 31 янв. 2022 в 14:26
  • В общем-то изменение неболольшое (лучше стало или хуже -- это субъективно), но тут встает такой вопрос -- а зачем его вообще делать, если ничего в самом деле хорошего от него нет? Если нечем больше заняться, а ничего серьезного придумать не могут -- тогда сокращать такую команду надо
    – avp
    Commented 31 янв. 2022 в 18:03
  • @Dmitry "Посмотреть, попробовать, потестить, пофиксить - нормальная практика". Верно. Только в этом случае эта практика не применялась. Как и в предыдущем, когда изменили дизайн страницы пользователя. Commented 31 янв. 2022 в 19:37
  • @Эникейщик смена страницы пользователя для меня вообще не вызвала никакой реакции, кроме: "О, чего-то новенькое! Дай-ка посмотрю". Да и ruSO не в топе, поэтому: "Что нас спрашивать?". Хотя тут я не знаю методов взаимодействий
    – Dmitry
    Commented 1 февр. 2022 в 8:54
  • 1
    При чем тут вообще руСО? Здесь под вопросом во втором комментарии ссылка на общую мету. Сходите почитайте. Commented 1 февр. 2022 в 9:04
  • @Эникейщик при том, что я вообще не в курсе: Хоть чье то мнение спрашивали, вообще? Или это инициатива и реализация ограниченной кучки людей, которым и дела нет до SO. Они им не пользуются
    – Dmitry
    Commented 1 февр. 2022 в 9:06
  • 2
    Немного запоздал :) Но просто скажу как "молодой" тут, мне новый дизайн больше нравится чем старый (смотрел на сайте web.archive.org) :)
    – EzioMercer
    Commented 11 июл. 2022 в 16:09

Войдите, чтобы ответить на этот вопрос.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .