В постах поплыли картинки с описанием
Это что windows world ?
Подробнее
футов шириной с песчаным основанием. Снимок сделан в 1917 г., в б милях от Орландо
dev,реактор,песочница
Еще на тему
dev реактор песочница
Подробнее
футов шириной с песчаным основанием. Снимок сделан в 1917 г., в б милях от Орландо
dev,реактор,песочница
Подробнее
футов шириной с песчаным основанием. Снимок сделан в 1917 г., в б милях от Орландо
dev,реактор,песочница
Живой пример:
https://m.joyreactor.cc/post/5300964
Исправил через удаление css:
"content div.single + div.single {margin-top: -.75rem;}"
в ниже стоящем элементе.
^а зачем оно там было точно не знаю...
^почти два дня прошло пример не изменился,
вдруг это пригодится в будущем в общем...
Иногда текст только в m.joyreactor.cc(ньюЭмДжой и ньюЭмДжойЛайк) перекрывается ниже стоящим элементом.
При удалении у себя в браузере из элемента( div class="single" ) перекрывающего текст CSS правила :
"
.post-content div.image + div.image, .post-content div.single + div.single {
margin-top: -.75rem;
}
"
отступ под текстом становился "правильным"
^Зачем вышеуказанное правило и как его удаление влияет на всё остальное я точно (пока(?) )не знаю...
Пример из поста:
https://m.joyreactor.cc/post/5301129
из комментария:
https://m.joyreactor.cc/post/5300964
~_^
В данный момент эта бага поправлена, но могут возникнуть другие.
Хитрый стиль .post-content div.single + div.single нужен, чтобы несколько картинок подряд стояли ближе друг к другу. Пример https://m.joyreactor.cc/post/4850364
Если стиль убрать, то вертикальное расстояние между ними увеличится, и на мобильных мелких экранах это оскорбляет взор. А для текста такой отступ - самое то.
Пиши, если заметишь какие-то новые сильные проблемы с типографикой постов.
Смотри какой разно отступный пост:
https://m.reactor.cc/post/5331350
В реакторе много неписаных правил это конечно фича но Может(?) сделать В новом редакторе постовкомментариев не много проще чтобы поведение стало более предсказуемое
Как релизавать? (предположения):
В посте или/и комментарии создать главный контейнер класс=ньюСтаил с правилом вайт спайсе пре лайн больше ничего.
Что пишешь то и запустится в в пределах разрешений реактора нужные контейнеры(возможно легаси) для картинок или чего либо с действием стабилизируются до уровня тега спан то есть не стросточки не добавляют нечего
Для обратной совместимости использовать преобразователь(бээров насыпать ещё чего нибудь) под старый стиль или прост на основе управлявшего тега правило задавать(для редактирования а для просмотра наверное проблем не должно быть много) главный контейнер класс=ньюСтаил ну а даль ше "так" обрабатывать...
В в общем проще предсказуем ей без лишних элементов что верстку изменяют одинаковый отступ ну может там то где-то спешел (ну для какртинок). как то так
бонус
* добавит центр тег
*имайдж переносится только по утоновке или когда место законьчилось инлайБлоск наверно
*Если у поста нет имени автор может добавить текст только текст с ограниченной длиной но попозже завтра/неделя/опэнАпЗеЛимит
*размер картинок фреймов вытовлять опцыананально самостаятельно
*штукудля бездоменой двух цветной ссылке [доменВесьАдресс [локальноя] ]
И я писал комент, да, с незадокументироаной функцыей но посты это наверно тожэ круитит
/----------------------/============================\\
|https://joyreactor.cc|/post/5324930#comment26336978||
\----------------------\============================//
^обрати внимание картинка касается верхней строки и убегает от нижней из за дива контейнера наверно а писалось это в 3 строчки одна одной
текст
картинка
текст
P.s. изменилась открывалка изображений в мбильномЖое в последние месяцы картинки растягивались по ширене экрана по моему это было удобно для комиксов но плохо для горизонтальных панорам ( монитор умерено широкий горизонтально)
^чтоб вернуть это я уже написал штуку для себя (скрипт что работает до перезагрузки а ещё можно взять юсер стиль)
//for use: open https://m.joyreactor.cc and run code below , open big image, profit!?
document.head.insertAdjacentHTML('beforeend','<style>.ant-modal-body{width:auto !important;height:auto !important}</style>');
~_^
А открывалка должна по задумке показывать оригинальную версию в максимальном разрешении.