Ширина контента в старых дизайнах поломалась

[Tenno Seremel]

Где проблема: [старые дизайны]
Браузер: Firefox 72
Краткое описание: Узкий контент в старых дизайнах при применении к ним мобильной адаптации.

В случае применения мобильной адаптации к старым дизайнам, контент постов .postInner становится гораздо у́же своего контейнера.

Суть в чём, аватарка с подписью встают на отдельную строку и флоаты убираются, но у блоков есть такие стили: .postInner { margin-left: -145px; } .paragraph { margin-left: 145px; } что создаёт проблемы. Соответственно, в случае когда аватарка и подпись в старых дизайнах становятся отдельной строкой, у блоков .postInner и .paragraph margin-left должен становиться равным 0.

P.S. Мне всегда этот стиль казался странным, когда приходилось в этом копаться. И вот, наконец, это ружьё выстрелило Легаси код он такой.

Comments

[emercy]

В хроме(последняя версия) тоже самое.

[Tinka1976]

+ мобильный хром и опера
С десятидюймового планшета эти 150 пикселей раздражают, но не критичны, но на смартфонах это превращается в издевательство.
Скриншот:
с планшета:

с телефона:

[Бездушный Рыцарь Айе]

Добавлю и сюда:

Браузер Samsung Internet последней версии (10.2.00.53 на настоящий момент)

[*Bacca*]

А у меня ЦСС на мобильнике вообще поломался нафиг(( мне эти финтифлюшки нужны, если не будут работать, зачем он тогда вообще?

[Emolelya]

Я как представлю скоро читать с телефона тексты на ЗФБ вот таким узким столбиком. И ладно еще драббл, а если макси за 10-15к, а то и все 30к
Надеюсь, они не перейдут на адаптив.
Впрочем, та колбаса, что вышла из обычных дизов, тоже недалеко ушла.

[Mr.Gold]

Tenno Seremel, то есть, вы нашли конкретный баг в коде дневников, почему поле записи так сильно сужается? А это можно как-то исправить?

По-моему, с кодом опять что-то делали, у меня лента выглядит уже не так, как вчера)) =

[Tenno Seremel]

Mr.Gold, там в посте и написано как Судя по тому CSS, где меняется float, это новое правило применяется только до 767.98px по ширине, соответственно, это будет как-то так:

@media all and (max-width: 767.98px) {
	.postInner, .paragraph {
		margin-left: 0 !important;
	}
}

если вставлять это в CSS дневника.

[Tinka1976]

если вставлять это в CSS дневника.

Не, ну это здорово, конечно, но таким макаром у меня в css дневника скоро будет прописан полный код, хотя меня вполне устраивал обычный блочный дизайн со своими цветами и фоновой картинкой!

[Tenno Seremel]

Tinka1976, а в чём тогда вопрос? Дайрям ничего не мешает сделать аналогично и починить всем.

[Tinka1976]

Tenno Seremel, ну если это опять же одна строчка, наверное, программист дайри за неделю додумался бы? Раз до сих пор это не починили, значит, опять, как с запятыми в темах, это считают фичей и чинить не хотят. Иначе я не могу объяснить этот демонстративный игнор со стороны администрации.
Более того, даже если ваш код чего-то не учитывает, раз обновление встало так криво, логично сделать шаг назад, а не наматывать новые обновления, ломая всё окончательно.

[Tenno Seremel]

Tinka1976, потому что проблем много, а программист один, я думаю. А вот почему нам ничего не говорят это вопрос.

[Tinka1976]

Tenno Seremel, не, не прокатит))). Если проблем много, а программист один, как раз логичнее сначала решить уже возникшие проблемы, а потом создавать новые. Я постепенно склоняюсь к мысли, что всё, что не исправили до того, как начать натягивать адаптивность на старые дизайны, исправлять не планируют вообще. И отсутствие списка того, что признали проблемой, а что так и задумано, тому подтверждение.

[Tenno Seremel]

Tinka1976, эээ… все баги и предложения в этом сообществе, помеченные как [баг], [предложение] или [трелло] (именно с квадратными скобками) это и есть этот список. Эти темы проставляются не теми, кто репортит баги, а дайри стороной.

[Бездушный Рыцарь Айе]

Tenno Seremel, проблема в том, что на некоторые темы админы вообще никак не отреагировали. НИ коммента ни пометки

[Tenno Seremel]

Бездушный Рыцарь Айе, это уже другая проблема

[*Bacca*]

Tenno Seremel,

соответственно, это будет как-то так:

то есть если этот код вставить в свой цсс, то кишка на телефоне поправится? а в какое место вставлять?

[Tenno Seremel]

*Bacca*, куда хочешь, в конец, например. Если не сработает — будем посмотреть.

[*Bacca*]

спасибо попробую

[Tinka1976]

Tenno Seremel, ни одна моя тема, как и некоторые другие, касающиеся поломок старого дизайна, никак не отмечены. Следует это понимать как "это так задумано и исправляться не будет"?

[Tenno Seremel]

Tinka1976, это следует понимать никак, мне кажется. Некоторые мои старые темы только на днях были отмечены.

[*Bacca*]

Tenno Seremel, добавила твой код, не помогло, с телефона по-прежнему кишка((
или нужно было оставить все эти жуткие пробелы, что у тебя в нем?

А еще у меня висит неубиваемый умыл и не приходят уведомления на почту снова, хз где кому что теперь отвечать

[Tenno Seremel]

*Bacca*, какие именно пробелы? Табы или пробелы, если речь о них, роли не играют.

У нас в сообществе же работает. Я у тебя в дневнике этого когда не вижу.

Кстати говоря,в твоём дневнике на размерах меньше 1230 неплохо бы убирать margin-left с html, а то картинка-то показывается слева, а места мало остаётся…

[*Bacca*]

Странно что не видишь, я поставила в самый низ, как ты и сказал.

на размерах меньше 1230 неплохо бы убирать margin-left с html

а попонятней для лоха можно? на размерах чего и откуда убирать?
Я соображаю на уровне «взять готовый код и поиграть со значениями».

[Tenno Seremel]

*Bacca*, где? Я ищу по слову @media и ничего не нахожу. Ты точно тот код вставляешь? Нужно вот этот:

@media all and (max-width: 767.98px) {
	.postInner, .paragraph {
		margin-left: 0 !important;
	}
}

а попонятней для лоха можно? на размерах чего и откуда убирать?

@media all and (max-width: 1230px) {
	html {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

Либо, если если дневник сразу всегда разместить по центр (в т.ч. и на больших экранах), то просто:

html {
	max-width: 1000px;
	margin-left: auto !important;
	margin-right: auto !important;
}

вместо твоего html { max-width: 1000px; margin-left:230px;}

[*Bacca*]

Да, вот этот твой первый вставляла вниз. Вот в таком виде

@media all and (max-width: 767.98px) {.postInner, .paragraph {margin-left: 0!important;}}

без этих лесенок и пробелов.

вместо твоего html { max-width: 1000px; margin-left:230px;}

а, понял. Мне сто лет назад этот код кто-то в дайриживи дал.

[Tenno Seremel]

*Bacca*, это называется отступы, они предназначены для повышения читаемости. Впрочем, дайри всё равно их уберут.

первый вставляла вниз

Тем не менее, в www.diary.ru/userdir/2/7/2/5/2725691/user.css его нет

[*Bacca*]

Пиздец, и правда нет(( а я вставляла, там, внизу, после .i-lock::before {color: #608996 !important;}. Видимо, из-за вчерашних глюков не сохранилось. Хотя я проверяла, в коде было. И вот этот html { max-width: 1000px; margin-left:230px;} вчера вставила, а по твоей ссылке его тоже нет.

[Tenno Seremel]

*Bacca*, лепота…

[Mr.Gold]

Никакие добавки в код тупо не работают.

[*Bacca*]

И опять уведомления пропали.