Subforums on mobile, please align... example:

[chilihead]

Subforums look like this:

Would look better like this:

Because they look especially disorderly when there are mixed read/unread like this:

Also the comma is not needed since on mobile they are a vertical list only.

@Rikki, what do you think?

Thanks

 

 

 

[chilihead]

I could even live without the dot, bold is enough and not as busy. Then they would be aligned.

[chilihead]

I'll just remove the blue dot.

Can anyone tell me how for mobile as well as full site? To be honest it's gaudy on the full site as well, the sub-forums only have them if new content, but are bold as well so not needed in a sub-forum tree for me. Thanks!

[Adriano Faria]

Honestly, the dot is not necessary. The forum nane is bolded. It's enough.

[Koby]

It is just my board or does it work this way in general:

 

If someone posts something in a sub-forum, the sub-forum gets a dot and bolded, but the main board doesn't show up as having any unread content. The status icon remains transparent, etc..

[chilihead]

19 hours ago, Adriano Faria said:

Honestly, the dot is not necessary. The forum nane is bolded. It's enough.

Exactly. I'd like to know where to remove it. Does anyone know?

[Adriano Faria]

Untested: take a look on template forums -> front -> index -> forumRow.

			{{if $forum->hasChildren()}}
				<ul class="ipsDataItem_subList ipsList_inline">
					{{foreach $forum->children() as $subforum}}
						<li class="{{if \IPS\forums\Topic::containerUnread( $subforum )}}ipsDataItem_unread{{endif}}">
							<a href="{$subforum->url()}">{{if \IPS\forums\Topic::containerUnread( $subforum )}}<span class='ipsItemStatus ipsItemStatus_tiny {{if !\IPS\forums\Topic::containerUnread( $subforum ) && !$subforum->redirect_on}}ipsItemStatus_read{{endif}}'><i class="fa fa-circle"></i></span>&nbsp;{{endif}}{$subforum->_title}</a>
						</li>
					{{endforeach}}
				</ul>
			{{endif}}

The <i class="fa fa-circle"></i> above.

[chilihead]

Thanks. Would that remove for mobile and full?

[Adriano Faria]

Not sure... as I said, it is untested.

[ipbfuck]

Try to put a display none in one of this two class in your custom css:

<span class="ipsItemStatus ipsItemStatus_tiny "><i class="fa fa-circle"></i></span>

i've try with firebug, and work with both.

[chilihead]

Thanks but your alignment is off how to correct? And the post count alignment too.

I'll tinker, thanks!

I think just removing will fix like @Adriano Lucas said. 

[ipbfuck]

sorry For delay!

issued with alignment is caused by a Space in active Content.

unactive Content do not contain class, so, we cannot add Space in this via ::before rule.

to fix via css (imho is best instead to edit template), i think is sufficient a negative margin (eg 5px) in active link.

regards :)

[chilihead]

Cool. Last question if you know... how would you remove the comma from mobile only? It's a vertical list it looks silly with commas. Thanks!!

[ipbfuck]

untested:

@media screen and (max-width: 767px) {
	.ipsDataItem_subList li a::after {
		content: "" !important;
	}
}

 

[chilihead]

Gracias, I'll test later.