Here's how Lithium Professional Services typically deals with indented replies:
1. Add a component named "forums.widget.message-view-two@override" in Studio with the following code:
<#assign exemptPages = ["ReplyPage","PostPage","EditPage"] />
<#if !exemptPages?seq_contains(page.name)>
<#assign msg = env.context.component.getParameter("message") />
<#if (msg.uid)?has_content>
<#if (msg.parent)?has_content>
<#if (msg.parent.parent)?has_content>
<#if (msg.parent.parent.parent)?has_content>
<#assign msgDepth = 3 />
<#else>
<#assign msgDepth = 2 />
</#if>
<#else>
<#assign msgDepth = 1 />
</#if>
<#else>
<#assign msgDepth = 0 />
</#if>
</#if>
<div class="<#if msgDepth?number gt 0>custom-reply custom-reply-indent custom-reply-indent-${msgDepth}</#if>">
<@delegate/>
</div>
<#else>
<@delegate />
</#if>
2. Add these styles:
.custom-reply {
padding-left: 0;
&.custom-reply-indent-2 {
padding-left: 30px;
}
&.custom-reply-indent-3 {
padding-left: 60px;
}
}
.lia-component-solution-list {
.custom-reply-indent-2,
.custom-reply-indent-3 {
padding-left: 0;
}
}
Hope this helps!
... View more