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

**URL:** https://meta.discourse.org/t/navigation-controls-align-left-for-mobile-admin-view/256375
**Category:** UX
**Created:** [27.Февраль.2023 12:14:07 UTC](https://meta.discourse.org/t/navigation-controls-align-left-for-mobile-admin-view/256375 "2023-02-27T12:14:07Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [27.Февраль.2023 12:14:07 UTC](https://meta.discourse.org/t/navigation-controls-align-left-for-mobile-admin-view/256375/1 "2023-02-27T12:14:07Z")

</div>

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

 ![Screenshot from 2023-02-27 12-02-55](https://global.discourse-cdn.com/meta/original/4X/e/7/d/e7db62327dddb62ac9d41638cbe7d4d9b1df0b7b.png)

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

 ![image](https://global.discourse-cdn.com/meta/original/4X/f/4/1/f41ee9b97f742f75a72e7a1f46f17ba82e534638.png)

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

---

<div class="post-metadata">

### Author: ![P2W](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/p2w/32/304345_2.png) [@P2W](https://meta.discourse.org/u/P2W)
#### Post date: [27.Февраль.2023 12:54:05 UTC](https://meta.discourse.org/t/navigation-controls-align-left-for-mobile-admin-view/256375/2 "2023-02-27T12:54:05Z")

</div>

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

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [27.Февраль.2023 16:47:05 UTC](https://meta.discourse.org/t/navigation-controls-align-left-for-mobile-admin-view/256375/3 "2023-02-27T16:47:05Z")

</div>

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

 ![Latest announcements topics - Discourse Meta](https://global.discourse-cdn.com/meta/original/4X/a/4/1/a412b9a8957ab632945679061da091e3fdb1383d.png)

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

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [27.Февраль.2023 18:09:31 UTC](https://meta.discourse.org/t/navigation-controls-align-left-for-mobile-admin-view/256375/4 "2023-02-27T18:09:31Z")

</div>

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

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

```

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

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [28.Февраль.2023 22:37:48 UTC](https://meta.discourse.org/t/navigation-controls-align-left-for-mobile-admin-view/256375/5 "2023-02-28T22:37:48Z")

</div>

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

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

![Screenshot 2023-02-28 at 5.34.53 PM](https://global.discourse-cdn.com/meta/original/4X/0/9/4/094fd3ffaccc5c1aa83b71dd0968f1e088107e50.png)

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

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