Выглядит отлично!
При клике на ссылки в этом меню (вне выпадающих списков) всё ещё отображается индикатор загрузки:
1 лайк
В настоящее время установлено значение 2 пикселя, но если у вас дисплей с высоким разрешением и масштабированием (например, MacBook Retina), на вашем экране это может выглядеть ближе к 1 пикселю. Сегодня увеличу до 3 пикселей.
Вы правы, сейчас это выглядит как несогласованный пользовательский опыт. С технической точки зрения это довольно сложно. Индикатор загрузки в настоящее время связан с маршрутизатором Ember, поэтому он отображается только при переходах между маршрутами Ember. Некоторые состояния «загрузки» в интерфейсе на самом деле не являются переходами маршрутов Ember… нужно подумать, как сделать это более согласованным.
9 лайков
Я очень жду поддержки высокого DPI. Может быть, дать администраторам сайта выбор между ползунком загрузки и, возможно, обновлённым вращающимся кругом (кашель-кашель 
)?
1 лайк
Теперь значение увеличено до 3 пикселей, поэтому это должно быть немного заметнее.
Администраторы могут настраивать всё через компонент темы, поэтому, если сайты захотят оставить вращающийся индикатор загрузки, это будет возможно 
12 лайков
@meghna опубликовал(а) Custom Loading Spinner Component, что является отличным способом использования SVG-иконков FontAwesome, которые корректно отображаются на любом уровне DPI.
7 лайков
Мне это безумно нравится, и я согласен с @codinghorror, что это должно быть перенесено в ядро по умолчанию.
20 лайков
Думаю, я исправил это — индикатор загрузки больше не должен отображаться во всех представлениях списков тем.
9 лайков
На iPad индикатор загрузки вообще не отображается. (iPad 5-го поколения… кажется. iOS 14, приложение DiscourseHub)
Смотрите GIF выше.
5 лайков
Отличное замечание, спасибо @CaptainZac. Я внес некоторые правки, так что теперь это должно работать в представлении PWA/DiscourseHub на iPad.
Также я добавил значение top в 1 пиксель, которое нам нужно для DiscourseHub на iPhone. Теперь полная высота в 3 пикселя видна в приложении, и это, кажется, достаточно хорошо соответствует собственному ползунку DiscourseHub.
7 лайков
Мне это очень нравится 
Отличная работа! 
2 лайка
Похоже, при клике на логотип на главной странице не активируется индикатор загрузки в виде ползунка, а используется спиннер.
4 лайка
Отлично, начинайте пользоваться — спасибо!
2 лайка
Теперь должно быть исправлено, спасибо!
7 лайков
Проблема с ползунками в том, что они могут ощущаться медленнее (даже если страница загружается быстрее).
Причина этого в том, что основная часть страницы не реагирует, пока она полностью не загрузится. Это отличается от версии с индикатором загрузки, где страница становится пустой немедленно после клика — то есть что-то значимое происходит сразу, а не с задержкой.
6 лайков
Да, это правда, и мы тоже обсуждали это внутри команды. Отображение всего старого контента на экране означает отсутствие мгновенной обратной связи после клика по ссылке. Я только что внес изменения, которые (частично) затемняют содержимое страницы во время загрузки. (cc @awesomerobot)
Изначально я делал полное затемнение, но тогда у нас оставалась просто пустая страница. Думаю, оставить непрозрачность на уровне 20% — это хороший компромисс. Достаточно обратной связи, но не слишком резко? 
В данный момент затемняется весь #main-outlet. К сожалению, я не думаю, что есть способ нацелиться на {{outlet}} для маршрута, который фактически загружается… но я был бы рад ошибаться. Думаю, единственное решение — заменить все {{outlet}} в нашем коде на какой-то собственный обёрточный компонент…
18 лайков
Становится всё лучше и лучше… 
7 лайков
Игра на новом уровне: фиксируйте среднее время выполнения запросов и настройте анимацию затухания так, чтобы она длилась столько же 
14 лайков
Отлично. Кажется, стало намного лучше. 
3 лайка
Дэвида лучше… но всё равно «ощущается» медленнее. Не уверен, что это изменится, если только эффект не будет столь же явным, как в случае со спиннером, честно говоря. Это может быть просто особенностью слайдера, особенно если он всегда завершается. Это потому, что страница загрузится (или будет казаться загруженной) до того, как завершится слайдер… и всё же именно слайдер будет индикатором загрузки страницы, а не сама страница, поскольку он настолько заметен.
6 лайков
https://meta.discourse.org/u/golaxo/summary
Если перейти с просмотра профиля на логотип Discourse, верхняя часть исчезает, что выглядит странно.
3 лайка