Некоторые проблемы с CSS и как я их решил для личного использования
Настольная версия
Первое — не столько проблема, но она может ею стать. У нас редко бывает столько ретортов в одном посте, но имейте в виду: если их будет больше восьми, элементы управления постом сломаются.
А вот здесь их восемь — выглядит отлично.
Использованный CSS для настольной версии
.post-retort {
margin: 0px 2px;
border: 1px solid #333;
border-radius: 5px;
padding: 3px;
background-color: #666;
}
Телефон: iPhone SE первого поколения
Мобильная версия
На данный момент максимальное количество ретортов на мобильном устройстве, при котором элементы управления постом не ломаются (по крайней мере на небольшом экране), — это один.
Если ретортов больше одного, элементы управления постом уходят за пределы экрана.
А вот так это выглядит после наших изменений в CSS.
CSS для мобильной версии
.post-retort {
border: 1px solid #333;
border-radius: 5px;
padding: 3px;
background-color: #666;
margin: 2px 2px;
float: none;
}
С помощью вышеуказанного CSS для мобильной версии можно добиться того же вида на настольной версии — реторты будут размещены над элементами управления постом.
Нам очень нравится этот плагин, и он активно используется на нашем форуме. Спасибо, что взялись за это, @angus 