Message List Formatting in 4.2.0

[James]

Hi guys –

I’ve observed this on both my test site and my live site. After updating from 4.1.9 to 4.2.0, the Messages list formatting changed. I’m attaching images. Previously, the list of messages looked great; with 4.2.0 it now looks very raw with bullets on each line item. Hoping you can help 🙂

James

[Alyssa]

@jgwolfensberger it appears this code was removed from BuddyPress.css:

#buddypress div#message-threads ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 15px 0;

}
#buddypress div#message-threads ul li.thread-count {
	display: none;
}
#buddypress div#message-threads ul li.thread-avatar {
	padding-left: 2%;
	padding-right: 2%;
	text-align: center;
}
#buddypress div#message-threads ul li.thread-avatar img {
	float: left;
}
#buddypress div#message-threads ul li.thread-avatar .checkbox {
	float: left;
	clear: both;
	width: 100%;
	margin-top:5px;
}
#buddypress div#message-threads ul li.thread-from {
	width: 21%;
	padding-right: 3%;
}
#buddypress div#message-threads ul li.thread-info {
	width: 32%;
	padding-right: 3%;
}
#buddypress div#message-threads ul li.thread-info p {
	margin: 0;
}
#buddypress div#message-threads ul li.thread-options {
	width: 10%;
	padding-right: 3%;
}
#buddypress div#message-threads ul li.thread-options .button {
	float: right;
	margin: 0 6px 6px 0;
}
#buddypress div#message-threads ul {
  display: block;
  overflow: hidden;
  background: #fff;
  margin: 0;
  border-top: 1px solid #e1e1e1;
}
#buddypress div#message-threads {
  display: table;
  width: 100%;
  clear: left;
  background: #e1e1e1;
}

Simply add it to custom.css

I’ll have the devs fix this up.

[James]

Bingo! Thanks @tjchester 🙂

[Alyssa]

Glad to help 🙂