Автор последнего сообщения в мобильной версии

[s7ranger]

Всем доброго времени суток. Подскажите пожалуйста, можно ли каким-нибудь образом вывести в мобильной версии форума ник автора последнего сообщения? Сейчас там выводится только дата/время последнего сообщения, а хотелось бы добавить туда ещё и автора.
Заранее всем спасибо за ответы.

 

[Adept]

OFFTOP

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

 

[s7ranger]

Adept, смотрите. Вот так выглядит мобильная версия одного из разделов форума.

Имеется название темы, ник ее автора, ниже количество ответов и дата последнего ответа. Хотелось бы после даты (выделил синим) вывести ник автора последнего ответа.

 

[Mirovinger]

Приветствую.
В extra.less.

.structItem-cell.structItem-cell--latest .structItem-minor {
  display: block;
}

Дальше сами, чуть подправить придётся.
Только вот авторы не так просто скрыли.

 

[s7ranger]

Mirovinger, а как сделать конкретно для мобильной версии? Может медиа-запросы прописать какие-то или еще что? Просто с block ник автор отображается под датой, и если поставить inline-block, то уже лучше, но тогда и в полной версии форума происходит смещение ника.

Только вот авторы не так просто скрыли.

Не подскажете причину? Если она веская, может и мне тогда нет смысла выводить туда автора?

 

[Hope]

Может поехать вёрстка.

 

[Mirovinger]

Да, медиа-запросами можно сделать, авторы как раз убрали для экономии места, это же мобильная версия, а ники бывают разной длинны.

 

[s7ranger]

В общем вывел я вот так

@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 812px) {
.structItem-cell.structItem-cell--latest .structItem-minor {
  display: inline;
}
}

ники бывают разной длинны

Что-нибудь придумаю)
Hope, сначала да, поехала, но когда сделал через медиа, то вроде как нормально)
Единственное не могу понять как через css вывести точку перед ником, как между количеством ответов и датой, уже всю голову сломал себе. Может кто подскажет?

 

[Mirovinger]

Ох и намудрили, но дело Ваше.

 

[s7ranger]

Mirovinger, я не силен в css. Если есть вариант проще, подскажите пожалуйста:)

 

[s7ranger]

Все же сделал я как хотел. Мало ли кому понадобится. Код такой

@media only screen and (max-width: 660px){
.structItem-cell.structItem-cell--latest .structItem-minor {
  display: inline-block;
}
.structItem-cell--latest .structItem-minor::before {
  content: " · ";
}     
}

С параметром max-width: 660px можно поиграться, но судя по моим тестам это оптимальный для разных смартфонов.
Результат


Всем откликнувшимся спасибо за помощь!