Как я решил проблему тегов на малых экранах

Помнишь мой пост про откат? Где я убил весь день на теги, психанул и откатил код в ноль. Я тогда сказал: надо подождать, решение прийдёт само собой. И вот оно пришло.

Причём решение простое и изящное.

Я перестал мучить обложку. Просто вынес теги под неё. И вообще убрал стилизацию под эти пилюли-кнопки. Оставил голый текст. Сделал строку с тегами скользящей по горизонтали.

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

Плюс, я сделал размер текста в тегах таким же, как у основного текста. И он меняется через ползунок в настройках. Единый стиль, ничего не выбивается.

И бонус, о котором я даже не думал сразу. Теги опустились ещё ниже. На экранах 6-7 дюймов это кайф. Дотягиваться до них большим пальцем стало реально проще, не надо тянуться наверх.

Но теперь новая боль.

Я смотрю на нижнюю панель (тулбар) и понимаю, что она слишком низко. Приходится ломать большой палец, чтобы достать до кнопок.

Но я не буду психовать. Я подожду. Применю ту же рабочую схему. Не надо рвать. Решение прийдёт само.