XF 2.3 How to remove the prefix category header from the dropdown selection cleanly

[beerForo]

Issue: When I add prefixes from multiple categories, the drop-down shows all the headers in the list. But I want those headers for admin organization purposes only and I'd like the list to be seamless and not show a line or gap when they are removed. How would I do this with CSS?

Example...

Before:

----------------
TECHNOLOGY
---------------
computers
software
---------------
ENTERTAINMENT
---------------
movies
tv

After:

computers
software
movies
tv



Thanks!

 

[beerForo]

This should help visually:



to



And by keeping them IN the groups for admin purposes.

Thanks!

 

[beerForo]

If I hide .menu-header will it hide it in other places? Or is this the only place?

 

[beerForo]

This might be correct, it works.

[data-template="forum_post_thread"], [data-template="forum_view"], [data-template="forum_view_type_question"], [data-template="forum_view_type_article"], [data-template="forum_view_type_suggestion"]
{
    .menu-header
    {
        display: none;
    }
}

 

[Old Nick]

You can replace

[data-template="forum_view"], [data-template="forum_view_type_question"], [data-template="forum_view_type_article"], [data-template="forum_view_type_suggestion"]

By

[data-template*="forum_view"]

But your code will remove the Menu header from the filter menu too:

 

[beerForo]

No that does not work, but what I have does. Yours doesn't work in Question forums etc.

 

[beerForo]

But your code will remove the Menu header from the filter menu too:

Yeah not sure how to avoid that.

 

[beerForo]

I guess I can live with not showing a superfluous title.

 

[Old Nick]

No that does not work, but what I have does. Yours doesn't work in Question forums etc.

It works for me, * indicates that all templates with the forum_view root must be included for code application.

Here a forum type question, menu header is gone...

 

[beerForo]

I missed the *, thanks!

 

[Old Nick]

I guess I can live with not showing a superfluous title.

You can try this:

[data-template="forum_post_thread"], [data-template*="forum_view"]
{
    .menu--left .menu-header
    {
        display: none;
    }
}

 

[beerForo]

Oh cool yeah, thanks!

I removed the menu separator also. It was faint but now it is clean.

[data-template="forum_post_thread"], [data-template*="forum_view"]
{
    .menu--left .menu-header, .menu--left .menu-separator
    {
        display: none;
    }
}

 

[beerForo]

Thanks so much for the help! I marked yours solved but if anyone reads this, the one I posted with the menu separator removed is 100% clean, just a list of prefixes, no gaps or lines.

 

[Old Nick]

Maybe you can mark yours as solution even if i indicate you the right way, as you said your code is cleaner.

 

[beerForo]

Mine just removes the line from where the header menus used to be which can be in the middle of a list, so sure okay I will. Thanks again.

 

[beerForo]

@Old Nick do you know how I'd add the edit thread/move thread pop-up to this?

 

[Old Nick]

I'm not sure to understand what you want to do.
Oh you mean the moderator menu on thread_view pages?

[data-template*="thread_view"]
{
    .menu--right .menu-header
    {
        display: none;
    }
}

 

[beerForo]

When you click to edit a thread or move it, in that window, I still see the prefix headers when selecting one and I'd like to remove them there as well as my titles are not intended the front-end and may confuse mods.