By Josh Lewis on Sunday, 28 December 2014
Posted in General Issues
Replies 3
Likes 0
Views 548
Votes 0
In EasySocial's content comment box it's very easy for content to float through the comment box as seen here:



You can see this when logged in when viewing this page: http://www.alpineascent.com/staff

Fortunately this is a really easy fix. Simply apply a clear both which instantly fixes the problem:

body div#fd.es .es-comments-form:after {
clear: both;
}


Because this scenario could easily come up again for other ES users, I suggest adding the clear both to the core considering that it prevents floating objects from passing the form.
Hello Josh,

We have actually already applied fixes on our local instance
·
Wednesday, 31 December 2014 10:05
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for the heads up on this Josh, will pass this onto our designers
·
Monday, 29 December 2014 02:03
·
0 Likes
·
0 Votes
·
0 Comments
·
I appreciate this. To save on code, I recommend applying it to the already existing selector:

body div#fd.es .es-comments-form:before, body div#fd.es .es-comments-form:after


Located in: components/com_easysocial/themes/wireframe/styles/style.min.css

This way less selectors are used. Seems to work just fine for articles, the stream, and comments with the popbox (tested with FireFox 34).
·
Wednesday, 31 December 2014 08:43
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post