Fixed Style Mad Issues

mauzao9

Member
Hello there.

I have been trying to fix many CSS issues with this addon and Black Responsive style, but i'm stuck trying to deal with it here:
iWuBxef.png


I don't even know what templates to target, seems it's spread across several templates, and it has spacing that doesn't exist on default style, it also bugs with the style "heart like" (that doesn't appear on the wall for some reason).

I had removed several CSS settings from Team_post.css (.commentRow.firstComponent, .commentRow.firstCommentComponent, etc..) and kept editing till i achieved something like this: http://i.imgur.com/kgCbraf.png

I still have issues with: Spacing (from likes / comment start on wall), heart icon being overlapped, heart icon not displaying on wall. And the Post Menu, where do you edit that?

Can i ask for help? It displays differently on wall and on full (direct link) to post, like the heart icon on full view, and the "box" involved likes on the wall view are extremely confusing.
Full view example http://ilovebacons.com/groups/posts/16/show?focus=1&comment=1 (should be public)
 
Updating this, there's a clear bug on the templates of this addon,

If i remove from Team_post.css :
Code:
<xen:comment>Reset like sumary layout</xen:comment>
.commentLikeSentence .likesSummary {
        background:transparent;
        border-bottom:0;
        padding:0;
}
.commentLikeSentence .LikeText {
        font-size:12px;
}

Post Full View (displays correctly):
GpRBsYw.png


Post Wall View (displays incorrectly):
g83l8iN.png


Is it calling a secondary content div "transparent"? Why the same code appears different on the 2 views?
 
Im so sorry for about that. I will install Dark Theme and make it compatible :)
 
Yes, it's really because black responsive is one of the different styles (because the boxed content). As you have the HEX colors and props coded inside the templates i was all day editing them. I pretty much adapted everything, expect of bugs with alerts / comments layout, as i mentioned on the last post. It only displays correctly if there is a "pinned" post, without it, that weird box appears.

Side of that, almost all the issue was just colors/borders, for now i get this:
dv8JAvt.png


But i know that without style prop globally will improve this greatly so when you update, i don't have to manually merge new changes :)
 
@Nobita please help, i have found something, there is CSS that is only applied if there is a "Pinned" Post, this CSS:
T35Nlit.png


^^ Is NOT Loaded if there is not a pinned post! Why is this?! How to fix it?
Pinned Posts do have a delay, but it's certain it's the Pinned Post Calling the CSS! Because till the Pinned Post Loads, i see the Like Summary like this.
 
Sorry for insisting, but i can show you this on this actual website:
This group: http://nobita.me/groups/URURURURUR/ (Wall with Pinned Post), Inspecting Element DIV of Likes Summary:
7WXAqUe.png


This group: http://nobita.me/groups/moar-tests.88/ (Wall without Pinned Post), Inspecting Element DIV of Likes Summary:
zQY7XG6.png



You can clearly see, .likesSummary CSS Class does't load on the group without a pinned post! While this doesn't break xenforo default style, it breaks on styles like mine. Please have a look at this, i'm really lost to figure why are CSS classes not being applied when they should. This seems one actual bug.

Thanks :)
 
Back
Top