Сделать кнопку апвоута в конце текста поста тоже

[vas3k]

Мы все вроде согласились, что в конце поста тоже нужна кнопка +1. Вопрос как ее сделать.

Плавающая или фикс? Как отображать чтобы не раздражала? Будет ли разница на мобиле и десктопе? Будем ли убирать имеющуюся (мне лично она нравится) или добавим вторую?

Короче, нужны идеи или рефы. На каких сайтах вы видели норм реализацию апвоутов и хотели бы так же? Пойдут любые идеи, брейнштормим.

[nyudenkov]

Как по мне, классно было бы запилить плавающую кнопочку.
На мобилках где-нибудь снизу справа сделать. А вот на десктопе хз даже. На том же месте, где сейчас кнопка, только сделать так, чтобы плыла вместе с экраном?👀

[nlopin]

Давайте сделаем кнопку в конце поста. Это просто и быстро.

Минусы плавающей:

• непонятно, как показывать на мобиле. На узком экране телефона она будет мешаться
• много неочевидных интерфейсных вопросов: что делать если пост короткий? нужно ли ее останавливать в месте, где кончается пост и начинается комментарии?
• все эти интерфейсные вопросы порождают сложность в реализации, а мы здесь опенсорсим и будем долго делать

Сырой набросок:

[AshotPilosian]

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

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

С точки зрения вида, мне нравится, как это сделано на медиуме, например, по-сути, апвоуты — те же клэпы, просто другая иконка, на смартфоне можно слева между постом и инфой об авторе расположить (а справа потом можно кнопку подписаться на комменты, например или шейры в соцсети или еще что то), на десктопе пока не знаю.

[devcooch]

Я согласен с Ашотом - существующую кнопку просто убрать вниз. Как вариант можно показывать количество голосов вверху, а кнопку внизу.. Хотя это тоже не особо логично.
Если же делать плавающую, то на мобиле не очень будет, как уже сказали выше.

[Windrushfarer]

Мне нравится текущая кнопка, кажется она отлично вписывается. Так давайте просто в конце бахнем кнопку по типу «Мне понравилось 👍» и достаточно.
Как конечно крайний вариант можно попробовать сделать фиксированную плашку внизу, которая будет всегда там по аналогии с тем как это на постах в dev.to, вот только сейчас это оверкилл т.к есть только апвоуты. Возможно когда появятся закладки будет актуальнее.

[skywinder]

я за кнопку внизу. Кнопка вверху только мешается.
Пару раз случайно при скролле апвоут ставил, когда еще отменить его было нельзя.
Пример как сделать да хоть эта таска на гитхабе со смайликами реакциями. Хоть фб-вк-медиум.

[ivannikovdv]

+кнопки внизу еще в том, что пользователю меньше соблазна сразу ее нажать из-за например количества апвойтов которое он сразу видит (эффект толпы), хотя он это видит еще на экране списка тем, но все же и он успеет текст прочитать до того как оценить или передумать оценивать.

[TriplEight]

Предлагаю перенести вниз, как у discourse: https://discourse.gnome.org/t/gtk3-in-c-how-to-distinguish-between-a-draw-event-generated-by-my-code-gtk-widget-queue-draw-and-a-draw-event-generated-by-gtk-expose-event/17827
Вообще мне люто нравится их UI/UX.

[vgarvardt]

Мне больше всего заходит вариант хабра: информационная часть (время чтения, просмотры) - в шапке, интерактивная часть (голосовалка, закладки) - сразу после статьи, но до инфы об авторе.

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

[sbrin]

Пожалуйста, давайте запилим кнопку внизу.

Вверху можно оставить, я не против :)

[snake302]

Очень поддерживаю, а то приходится скроллить верх после прочтения чтобы апвоутнуть

[trin4ik]

Предлагаю супер-простое решение в рамках имеющегося UI, добавить буквально 2 строчки в css

.post-type-post .upvote:not(.upvote-disabled) {
  ...
  position: sticky;
  top: 40px;
}

Результат:

[nlopin]

Вариант для мобилы от @trin4ik из чата