Ники и аватары

[смольник]

С началом всем известных нововведений мне свой css пришлось убрать, переключиться на адаптивный дизайн и использовать только костыли, вот такие:

{-----------Убрать пустое поле из-за аватар на главной дневника-----------}
#Journal #postsArea > .item:not(#epigraph) > .postContent > .post-content { float: none !important; width: 100% !important; }
{-----------Показать аватары в динамических комментах-----------}
#Journal .commentsBox .avatar { display: flex !important; }
.avatar > img { max-width: 90% !important; }
{-----------убрать блок для рекламы-----------}
.ads-right { display: none !important; }
{-----------растянуть на ширину рекламного блока-----------}
#page-t { width: 95% !important; float: none !important; margin-left: auto !important; margin-right: auto !important; }

Почему-то в мобильном браузере в чужом дневнике я вижу, что ники нормально отражены, даже аватары масштабируются:

Скрин

А в своем все перекошено:

Скрин

Что делать, какие ещё нужны костыли?

@темы: отступы, diaryCSS, основные блоки, Дизайн

Comments

[emercy]

смольник, я попыталась побороть проблему, но универсального рецепта так и не нашла. В общем, что получилось.
Показать аватары в динамических комментах:

@media (min-width: 767.99px)
{ 
#Journal .commentsBox .avatar { display: flex !important; }
 }
 @media (max-width: 767.98px)
{
 #Journal .commentsBox .avatar { display: block !important; }
 }

Для мобильных и ПК пришлось прописать отдельно, чтобы ники не уползали под аватарку.

Запретить перенос ника на другую строчку:

.post-list .item .avatar .user, .post-list .item .avatar, .avatar .authorName {
word-break: normal !important; overflow: visible !important;
}

Но тогда длинные ники наползают на дату. Возможно, это можно вылечить как-то иначе, но я придумала только передвинуть дату.
Вправо:

 #commentsArea .post-header, #postsArea .commentsBox .post-header
{
text-align: right;
}

Или можно разместить по центру:

 #commentsArea .post-header, #postsArea .commentsBox .post-header
{
text-align: center;
}

Еще можно уменьшить шрифт даты, у меня она сдвигала вниз текст коммента:

.post-list .item .post-content .date
{
font-size: 100% !important;
}

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

[смольник]

emercy, спасибо)
На досуге займусь исправлениями.

[смольник]

emercy, да, чтоб эти коды работали, нужно несколько раз а день чистить кэш и пересохранять настройки дизайна.

[emercy]

смольник, а в режиме инкогнито тоже слетает? Если в инкогнито - правильный вариант, значит, дизайн подтягивается из кэша браузера, и другие пользователи будут видеть так, как нужно. Или как у них закэшировалось бгг)) Если неправильный, а в настройках все правильно, значит, из кэша сервера, и тут только ждать и периодически пересохранять.

[смольник]

emercy, нет, никонда не юзаю режим инкогнито, не за чем.
Вот я периодически и пересохраняю.