Липкие аватары: аватары постов следуют за прокруткой

Внести вклад Функция
1

:warning: Это теперь официальная функция, включённая в Discourse, репозиторий компонента темы архивирован, его следует удалить, иначе это вызовет сбои :warning:

Если по какой-то причине вы хотите отключить липкие аватары, в настоящее время существует обходной путь с использованием CSS:

.topic-post.sticky-avatar {
  .topic-avatar {
    position: relative !important;
    top: unset !important; /* Может потребоваться в некоторых случаях */
  }
}
31 лайк
Hosted: Message body resizing while scrolling
12

Привет! Было бы здорово иметь мобильное решение.

На компьютере всё работает отлично, и я понимаю, что из-за нехватки пространства сложно напрямую перенести это на мобильные устройства. Но, возможно, стоит добавить маленькую иконку аватара прямо под главным меню? (Я знаю, это не очень удобно с точки зрения UX).

3 лайка
13

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

2 лайка
14

Функция «липкие аватары» теперь официально доступна в Discourse :tada:

Вы можете ознакомиться с коммитом:

Я отредактирую первое сообщение, чтобы отразить это.

11 лайков
15

Хорошо, значит, мы можем теперь удалить этот компонент темы? Спасибо.

3 лайка
16

Наблюдается несоответствие в поведении: аватары в коротких постах не фиксируются при прокрутке вниз, но фиксируются при прокрутке вверх — см. видео ниже.

Кроме того, я лично предпочёл бы, чтобы фиксация работала и для коротких постов — текущее поведение («только для длинных постов») кажется мне немного запутанным. Возможно, было бы полезно добавить настройку, позволяющую задавать минимальную длину поста для включения этой функции, чтобы каждый мог настроить её под свои предпочтения?

4 лайка
17

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

Я бы предложил пока немного потерпеть. На данный момент у нас нет планов добавлять настройку сайта для этого.

4 лайка
18

Да, пожалуйста, удалите компонент темы, так как наличие обоих вызовет проблемы.

Я обновил первое сообщение, чтобы это было ясно. Спасибо :+1:

4 лайка
19

Я потратил немного времени на поиск решения самостоятельно в прошлые выходные, но оно было здесь всё это время :sweat_smile:

Но в моём форуме мне пришлось добавить top: unset из-за проблемы с прокруткой. Поэтому для некоторых пользователей может быть полезно использовать это:

.topic-post.sticky-avatar {
  .topic-avatar {
    position: relative !important;
    top: unset  !important;
  }
}
6 лайков
20

Спасибо, я только что отредактировал первый пост :slight_smile:

2 лайка
21

Эта тема была автоматически закрыта через 29 дней. Новые ответы больше не принимаются.