Комментарий #10312968

grin3671
@Apc, переворачивать пол страницы с помощью transform: scale(1, -1), интересно, но зачем? Почему бы не использовать flex вместо всех правил с transform: scale(1, -1)?
/* Блок с новым комментарием вверху */
#profiles_feed .block > div,
/* Обратный вывод комментариев (новые вверху) */
#profiles_feed .b-comments {
  display: flex;
  flex-direction: column-reverse;
}
А порядок внутри комментариев можно исправить с помощью order, как и сказали выше.
Ответы
Apc
Apc#
@Hayart, Сам по себе .b-replies { order: -1; } не работает.
Мне удалось добиться того же вида, что на твоём скриншоте с помощью
.body { display: flex; flex-direction: column; }
.b-replies { order: -1; }
Но flex-direction: column; растягивает все элементы внутри .body на всю ширину. Такие как .b-mention, .smiley и т.д. 1135x808
А мне такого не надо. У меня пока только мысль, что нужно как-то поотменять флексы каждому лишнему элементу внутри .body, по отдельности (не знаю как).

@grin3671,
Мой вариант
#profiles_feed div.subheadline:nth-child(1),
#profiles_feed .editor-container > .subheadline {
  font-size: 0;
  letter-spacing: 0;
}
#profiles_feed div.subheadline:nth-child(1) {
/*content: "Стена";
  vertical-align: top;
  font-size: 14px;
  letter-spacing: .13px;*/
  visibility: hidden;
}
#profiles_feed .editor-container > .subheadline:after {
  content: "Стена";
  vertical-align: top;
  font-size: 14px;
  letter-spacing: .13px;
}
#profiles_feed .block,
#profiles_feed .editor-container { transform: scale(1, -1); }
#profiles_feed .b-comments {
transform: scale(1, -1);
display: flex;
flex-direction: column-reverse;
}
1919x9251920x925
Твой вариант
#profiles_feed div.subheadline:nth-child(1),
#profiles_feed .editor-container > .subheadline {
  font-size: 0;
  letter-spacing: 0;
}
#profiles_feed div.subheadline:nth-child(1) {
  content: "Стена";
  vertical-align: top;
  font-size: 14px;
  letter-spacing: .13px;
/*visibility: hidden;*/
}
#profiles_feed .editor-container > .subheadline:after {
  content: "Твой комментарий";
  vertical-align: top;
  font-size: 14px;
  letter-spacing: .13px;
}
/* Блок с новым комментарием вверху */
#profiles_feed .block > div,
/* Обратный вывод комментариев (новые вверху) */
#profiles_feed .b-comments {
  display: flex;
  flex-direction: column-reverse;
}
1920x9251920x925
Твой вариант почему-то выводит заголовку Лента надпись в середину и ломает ему переименование в "Стену". Ну и если заголовок Лента оставлять, то по хорошему его надо переместить под текстовый редактор, а это морока. Плюс, мне нравиться мой отступ снизу, который сам собой получается за счёт скрытия этого заголовка.
Apc
Apc#

Зачётный у тебя клуб :thumbup:
Если проявлять "чрезмерную активность" по теме клуба, и при этом ты не @тяночка, то тебя без предупреждения банят

Чего ж тогда только мой последний комментарий втихую удалил?
( причём так, что мои скриншоты аж из лички пропали 994x312 вообще без палева 1183x244 )
Не хотел заморачиваться на сон грядущий :sleep: ?
Давай, всё мои комментарии из клуба удаляй, чтобы быть уже до конца объективным :ololo:
Высылай официальный бан, morr как раз для твоего случая п.10 правил сайта заранее предусмотрел.
Добавляй в шапку клуба правило: «За чрезмерную активность — бан. За вопросы: что такое "чрезмерную активность" — тоже бан». Пусть все об этом знают, а не только Я.

Или добавляй меня в свой личный игнор, а не решай один за всё комьюнити клуба, кому в нём писать про css и "настройку внешнего вида сайта", а кому нет.

P.S. Думаю, раз ты такой крутой модератор, что можешь комментарии, без нарушений правил, даже в чужой личке удалять, то и через игнор сможешь мне ответить.
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть