pm'ye geri dönüş sağlandı. Eklenti Halinede getirilir. Normal css olarakda düzenleme yapılır. Bilginize.
Ücretli olarak değilde herkesin yararlanmasını isterim. Yapmanız gereken
Görünüm ve diller > Şablonlar > Extra.less'in içerisine Aşağıda paylaşmış olduğum kodu eklemen yeterli olucaktır.
@media (min-width: @xf-responsiveMedium) {
[data-template="thread_view"] .block-container .message.message--post .message-inner,
[data-template="conversation_view"] .block-container .message.message--conversationMessage .message-inner {
display: block;
}
}
@media (min-width: @xf-responsiveMedium) {
[data-template="thread_view"] .block-container .message.message--post .message-inner .message-cell,
[data-template="conversation_view"] .block-container .message.message--conversationMessage .message-inner .message-cell {
padding: 5px 10px;
}
}
@media (min-width: @xf-responsiveMedium) {
[data-template="thread_view"] .block-container .message.message--post .message-inner .message-avatar,
[data-template="conversation_view"] .block-container .message.message--conversationMessage .message-inner .message-avatar {
float: left;
margin-bottom: 5px;
}
}
@media (min-width: @xf-responsiveMedium) {
[data-template="thread_view"] .block-container .message.message--post .message-inner .message-userDetails,
[data-template="conversation_view"] .block-container .message.message--conversationMessage .message-inner .message-userDetails {
display: inline-block;
}
}
@media (min-width: @xf-responsiveMedium) {
[data-template="thread_view"] .block-container .message.message--post .message-inner .message-userDetails .message-name,
[data-template="conversation_view"] .block-container .message.message--conversationMessage .message-inner .message-userDetails .message-name,
[data-template="thread_view"] .block-container .message.message--post .message-inner .message-userDetails .message-userTitle,
[data-template="conversation_view"] .block-container .message.message--conversationMessage .message-inner .message-userDetails .message-userTitle,
[data-template="thread_view"] .block-container .message.message--post .message-inner .message-userDetails .message-userBanner.userBanner,
[data-template="conversation_view"] .block-container .message.message--conversationMessage .message-inner .message-userDetails .message-userBanner.userBanner {
display: inline-block;
}
}
@media (min-width: @xf-responsiveMedium) {
[data-template="thread_view"] .block-container .message.message--post .message-inner .message-userExtras .pairs,
[data-template="conversation_view"] .block-container .message.message--conversationMessage .message-inner .message-userExtras .pairs {
display: inline-block;
padding-right: 10px;
}
}
@media (min-width: @xf-responsiveMedium) {
[data-template="thread_view"] .block-container .message.message--post .message-inner .message-avatar-wrapper,
[data-template="conversation_view"] .block-container .message.message--conversationMessage .message-inner .message-avatar-wrapper {
margin-bottom: 0;
margin-right: 15px;
z-index: 100;
}
}
.message-cell.message-cell--user,
.message-cell.message-cell--action {
position: relative;
background: #f5f5f5;
border-right: 1px solid #d8d8d8;
min-width: 0;
}
.message-userExtras {
margin-top: 3px;
font-size: 12px;
}Demo :