Frozen flame
Где проблема: [старые дизайны]
Браузер: Firefox 72
Краткое описание: Узкий контент в старых дизайнах при применении к ним мобильной адаптации.
В случае применения мобильной адаптации к старым дизайнам, контент постов .postInner становится гораздо у́же своего контейнера.
Суть в чём, аватарка с подписью встают на отдельную строку и флоаты убираются, но у блоков есть такие стили: .postInner { margin-left: -145px; } .paragraph { margin-left: 145px; } что создаёт проблемы. Соответственно, в случае когда аватарка и подпись в старых дизайнах становятся отдельной строкой, у блоков .postInner и .paragraph margin-left должен становиться равным 0.
P.S. Мне всегда этот стиль казался странным, когда приходилось в этом копаться. И вот, наконец, это ружьё выстрелило
Легаси код он такой.
Браузер: Firefox 72
Краткое описание: Узкий контент в старых дизайнах при применении к ним мобильной адаптации.
В случае применения мобильной адаптации к старым дизайнам, контент постов .postInner становится гораздо у́же своего контейнера.
Суть в чём, аватарка с подписью встают на отдельную строку и флоаты убираются, но у блоков есть такие стили: .postInner { margin-left: -145px; } .paragraph { margin-left: 145px; } что создаёт проблемы. Соответственно, в случае когда аватарка и подпись в старых дизайнах становятся отдельной строкой, у блоков .postInner и .paragraph margin-left должен становиться равным 0.
P.S. Мне всегда этот стиль казался странным, когда приходилось в этом копаться. И вот, наконец, это ружьё выстрелило

12.01.2020 в 19:00
12.01.2020 в 19:09
С десятидюймового планшета эти 150 пикселей раздражают, но не критичны, но на смартфонах это превращается в издевательство.
Скриншот:
с планшета:
с телефона:
12.01.2020 в 19:12
Браузер Samsung Internet последней версии (10.2.00.53 на настоящий момент)
12.01.2020 в 19:26
13.01.2020 в 07:24
Надеюсь, они не перейдут на адаптив.
Впрочем, та колбаса, что вышла из обычных дизов, тоже недалеко ушла.
13.01.2020 в 09:30
По-моему, с кодом опять что-то делали, у меня лента выглядит уже не так, как вчера)) =
13.01.2020 в 09:40
если вставлять это в CSS дневника.
13.01.2020 в 10:53
13.01.2020 в 10:56
13.01.2020 в 11:17
Более того, даже если ваш код чего-то не учитывает, раз обновление встало так криво, логично сделать шаг назад, а не наматывать новые обновления, ломая всё окончательно.
13.01.2020 в 11:32
13.01.2020 в 11:41
13.01.2020 в 12:21
13.01.2020 в 12:46
13.01.2020 в 13:01
13.01.2020 в 14:26
то есть если этот код вставить в свой цсс, то кишка на телефоне поправится? а в какое место вставлять?
13.01.2020 в 14:28
13.01.2020 в 14:39
13.01.2020 в 16:03
13.01.2020 в 16:11
15.01.2020 в 21:33
или нужно было оставить все эти жуткие пробелы, что у тебя в нем?
А еще у меня висит неубиваемый умыл и не приходят уведомления на почту снова, хз где кому что теперь отвечать
15.01.2020 в 22:03
У нас в сообществе же работает. Я у тебя в дневнике этого когда не вижу.
Кстати говоря,в твоём дневнике на размерах меньше 1230 неплохо бы убирать margin-left с html, а то картинка-то показывается слева, а места мало остаётся…
15.01.2020 в 22:23
на размерах меньше 1230 неплохо бы убирать margin-left с html
а попонятней для лоха можно? на размерах чего и откуда убирать?
Я соображаю на уровне «взять готовый код и поиграть со значениями».
15.01.2020 в 23:58
а попонятней для лоха можно? на размерах чего и откуда убирать?
Либо, если если дневник сразу всегда разместить по центр (в т.ч. и на больших экранах), то просто:
вместо твоего html { max-width: 1000px; margin-left:230px;}
16.01.2020 в 01:06
вместо твоего html { max-width: 1000px; margin-left:230px;}
а, понял. Мне сто лет назад этот код кто-то в дайриживи дал.
16.01.2020 в 09:33
первый вставляла вниз
Тем не менее, в www.diary.ru/userdir/2/7/2/5/2725691/user.css его нет
16.01.2020 в 15:22
16.01.2020 в 15:51
16.01.2020 в 16:07
16.01.2020 в 19:12