Элементы навигации выровнены по левому краю для мобильного представления администратора

Похоже, что все элементы под navigation-controls выравниваются по левому краю на мобильных устройствах для администраторов:

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

Мне задали вопрос, является ли это ошибкой в пользовательской теме, но похоже, что проблема находится в ядре. Скриншоты сделаны из стандартной базовой темы.

2 лайка

Здесь тот же эффект

Я проверил на Android и iOS, и у меня они выглядят так:

Неужели я что-то упустил?

Думаю, это связано с доступным вертикальным пространством? Когда все элементы управления помещаются справа от выпадающего меню («Latest» на вашем скриншоте), они выравниваются по правому краю. Это происходит из-за объявления стиля для этого пункта выпадающего меню:

#navigation-bar {
margin-right: auto;
}

Однако, если они не помещаются, они занимают следующую строку и выравниваются по левому краю. Это небольшая ошибка, но, возможно, её можно исправить, немного изменив объявление выравнивания для navigation-controls?

1 лайк

Кнопки имеют общий родительский контейнер, поэтому они переносятся как единый блок, когда недостаточно места.

Похоже, что вокруг кнопки «Новая тема» здесь есть лишнее пространство:

Screenshot 2023-02-28 at 5.34.53 PM

Удаление этого пространства может быть достаточным, чтобы избежать этого… Перенос этих кнопок — это своего рода крайняя мера; по умолчанию он происходит только у администраторов на экранах шириной менее 355 пикселей, хотя на это могут влиять такие факторы, как уровень масштабирования и темы оформления.

Может быть, мы могли бы объединить кнопку администратора и кнопку массового выбора здесь, если обе они присутствуют, чтобы избежать этого :thinking: