XF 2.2 CSS Or Layout Issues

[Ozzy47]

Okay, I have an addon that allows users to preview threads on the thread list. Addon adds an icon that you click, which opens the preview. Addon is here, https://xenforo.com/community/resources/ozzmodz-thread-preview.5754/

Icon Example:


Preview Example:


Now this works in 2.1 and 2.2 but in 2.2 there are display issues. It moves the last poster avatar to a new line.


This is of course unacceptable. This is the bit of CSS that is causing the layout issues.

.jpreviewreplace {
    display: table-caption !important;
    width: auto;
    caption-side: bottom;
}

It has something to do with, display: table-caption !important;

I just have no clue how to solve it.

 

[Rodagave]

Hey bud, after going through the template you stated, I was able to locate the issue, it is as simple as doing the following;

Replace the following code;

.jpreviewreplace {
    display: table-caption !important;
    width: auto;
    caption-side: bottom;
}

With this one;

.jpreviewreplace {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
    margin-left: 5px;
}

In the "j_threadpreview_post.less" template.
Sadly no one helped you on time, I hope you had already fixed the issue, if not, I hope I was of some help. Best of luck with your forum!

 

[Ozzy47]

Appreciate the response. I had figured out a workaround. But I don’t remember what I did, the addon has been given back to the original developer.

 

[Rodagave]

No problem. Would you mind telling me the name of the original developer please?

 

[Ozzy47]

JustinHawk

 

[Rodagave]

Got it, thanks. And keep it up with the resources you have planned, I’ve seen your current ones and they are pretty useful. Have a nice day.