[harmony] topic title in sticky-tools bar

murcs

hej.

when scrolling down, the users loose their topic. especially on mobile. especially on long threads with hundreds or thousands of posts (and pagination switched off on top). is there any chance to add some small hint on the sticky-tools bar on top of the screen? it would take some space but it would help a lot on the other hand.

ober!schöne grüße,
m.

<baris>

Do you mean showing the current topic title in the sticky-tools on mobile? Maybe something like below can work when you scroll down the topic title appears instead of the buttons. And if you scroll up the buttons show up.

murcs

@baris said in [harmony] sticky topic:

Do you mean showing the current topic title in the sticky-tools on mobile? Maybe something like below can work when you scroll down the topic title appears instead of the buttons. And if you scroll up the buttons show up.

brilliant. this would be much more than expected. maybe one can touch the sticky-tools and the buttons appear too? =;^)

Teemberland

I'm not sure if this is the correct thread for this question, but would it be possible to add/remove skins in Harmony?

<baris>

@Teemberland you can hide them from the skin switcher via css, if you want to completely remove them you need to write a plugin and filter them out so they are not returned as options.

Teemberland

@baris I apologize, I meant, keep the switcher, but maybe remove some of the skins and add new ones from scratch. Is that possible?

<baris>

Yes you can create new skins in the ACP and they will show up in the switcher. Removing them requires changing some code to filter out the ones you don't want. Or override/modify https://github.com/NodeBB/nodebb-theme-harmony/blob/main/templates/partials/skin-switcher.tpl to only show the ones you want.

phenomlab

@Teemberland This might be of interest

Skins - colors

Is there a way to change colors for specific skins via CSS?

NodeBB Community (community.nodebb.org)

murcs

@Teemberland

i share your doubts. i’m afraid adding/removing skins and all the following has nothing to do with showing the topic title on the sticky-tools bar on top of the screen.

Teemberland

This post is deleted!

Teemberland

@phenomlab said in [harmony] sticky topic:

Skins - colors

we are currently using this in v2. Love this! I read the title of this post and thought this was the main thread for Harmony questions because it shows 'sticky'. I just misunderstood it. I'll create a separate thread for my question.

murcs

@Teemberland said in [harmony] sticky topic:

we are currently using this in v2. Love this! I read the title of this post and thought this was the main thread for Harmony questions because it shows 'sticky'. I just misunderstood it. I'll create a separate thread for my question.

oooh. you are absolutely right. my fault. i’ll change the topic title.

crazycells

@baris said in [harmony] topic title in sticky-tools bar:

@Teemberland you can hide them from the skin switcher via css, if you want to completely remove them you need to write a plugin and filter them out so they are not returned as options.

is this the correct CSS code to hide some skin options?


.sidebar-toggle-container {
    
    [data-value="cerulean"] {display: none;}
    [data-value="cosmo"] {display: none;}
    [data-value="flatly"] {display: none;}
    [data-value="journal"] {display: none;}
    [data-value="litera"] {display: none;}
    [data-value="lumen"] {display: none;}
    [data-value="lux"] {display: none;}
    [data-value="materia"] {display: none;}
    [data-value="minty"] {display: none;}
    [data-value="morph"] {display: none;}
    [data-value="pulse"] {display: none;}
    [data-value="sandstone"] {display: none;}
    [data-value="simplex"] {display: none;}
    [data-value="sketchy"] {display: none;}
    [data-value="spacelab"] {display: none;}
    [data-value="united"] {display: none;}
    [data-value="yeti"] {display: none;}
    [data-value="zephyr"] {display: none;}

}

it seems that it works, but I wanted to double check not to cause any unwanted change...

<baris>

@crazycells that works