Вот мои изменения CSS для улучшения мобильного вида.
Мне очень нравится эта тема, но я заметил несколько небольших недочетов, поэтому добавил следующий CSS, чтобы сделать её немного приятнее на мой взгляд. Надеюсь, это поможет кому-то ещё с аналогичными предпочтениями.
Вот оригинал (без изменений)
Обратите внимание на следующее на картинке выше:
- Цифра 1, обозначающая количество ответов, расположена слишком далеко слева.
- Пузырь темы слегка накладывается на синий фон.
- Между всем содержимым и синим фоном нет отступов.
- Синий фон не выглядит хорошо на странице категории. Хотя на главной странице мне он нравится.
Вот CSS-код, который я добавил во вкладку Mobile.
/* Добавляем отступы для области категорий, подкатегорий, тегов, поиска, последних тем, новых тем и уведомлений */
.list-controls {
padding: 5px;
}
/* Добавляем отступы для области тем */
div#list-area {
padding: 6px;
}
/* Выравниваем число ответов немного правее */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
float: right;
}
Обновлённый вид (после добавления CSS)
Если вы тоже предпочитаете убрать синий фон, вот код, чтобы удалить его только со страниц категорий.
/* Удаляем синий фон только для категорий */
html .category .background-container {
background: #fff;
clip-path: none;
}
