Обновляем макет элементов управления постами в мобильной версии для большей согласованности с десктопной

Новости и события Объявления
1

Сегодня я объединяю обновление, которое меняет макет кнопок под каждым постом на мобильных устройствах. Это изменение делает расположение кнопок на мобильных устройствах более согласованным с десктопной версией, особенно когда отображается количество ответов (когда включена настройка сайта «Включить просмотр отфильтрованных ответов»).

До:

Screen Shot 2021-04-20 at 5.50.41 PM
Screen Shot 2021-04-20 at 5.50.41 PM372×228 17.6 KB

После:

Screen Shot 2021-04-20 at 5.47.31 PM
Screen Shot 2021-04-20 at 5.47.31 PM373×227 17.2 KB

Если вам нравился старый макет, вы можете добавить немного CSS в свою тему, чтобы вернуть его:

.mobile-view {
  .topic-post {
    nav.post-controls .actions {
      justify-content: flex-start;
    }
    &:not(.wiki) {
      button.reply {
        margin-left: auto;
      }
    }
    &.wiki {
      button.create {
        margin-left: auto;
      }
    }
  }
}

Если вы столкнётесь с любыми ошибками, которые могут быть связаны с этим изменением, пожалуйста, сообщите нам!

34 лайка
2

Не может ли это быть одной из них?

3 лайка
3

Спасибо за предоставление CSS для отмены изменений. Я понимаю желание иметь более последовательный интерфейс на всех платформах, но я уже слишком привык к тому, что иконки находятся слева :grinning_face_with_smiling_eyes:. Одно из лучших качеств Discourse — даже несмотря на то, что разработчики постоянно обновляют систему, это не навязывается, и почти всегда есть довольно простой способ отменить изменения, если вы предпочитаете старую версию.

5 лайков
4

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

7 лайков