Separate Sticky and Normal Threads (XF +2.x) by Xon 2.2.1

[Chernabog]

I am almost certain I have the XON version of this (2.0.0) but now its taking 2.0.2 as a new installation versus an upgrade... am I losing it a little? I know I've been out of touch for a few months while moving....but I didn't think that bad lol

 

[Xon]

I haven't changed the add-on id for this add-on, and it would only upgrade the XF1 version's add-on id

 

[Xon]

Xon updated Separate Sticky and Normal Threads (XF +2.x) by Xon with a new update entry:

2.0.3 - Bugfix update

• Fix unexpected height of stick/normal thread banner for mobiles

Read the rest of this update entry...

 

[Heraldic Age]

How can I change background color to grey and align text on the left in bold?

 

[Xon]

You need to add css to extra.less targeting the classes structItemContainer-group--sticky-block and structItemContainer-group--normal-block

 

[briansol]

Seems this displays "Normal Threads" even when there are no sticky threads.
Is there a way to disable it from showing if there are only normal threads?

 

[Mindzipper]

You need to add css to extra.less targeting the classes structItemContainer-group--sticky-block and structItemContainer-group--normal-block

Thanks for that, it resolved my first issue.

I need to go a step further though, I need to lighten the bg color slightly on the sticky threads, and/or make them collapsable so we could collapse the sticky threads.

Using the extras.less helped tremendously, but from what I can tell there is no designation between the bg on sticky threads versus the typical style properties of the color bgs.

Thoughts?

 

[Wildcat Media]

I need to go a step further though, I need to lighten the bg color slightly on the sticky threads,

.structItemContainer-group--sticky {
    background-color: lighten(@xf-contentBg, 10%);
}

Change the percentage to change the amount of brightness. Change lighten to darken to make it darker. Tying it to @xf-contentBg ensures that if you change your background color, your darkened color will automatically render (thanks to LESS).

Another way to do this is to use a partially transparent background color:

.structItemContainer-group--sticky {
    background-color: rgba(255, 255, 255, 0.3);
}

Adjust the alpha value (0.3) to any value between 0 (0% and 1.00 (100%) to adjust how much you want to lighten the background. Likewise, use black (rgba( 0, 0, 0, 0.3)) to darken.

This will work on the default XenForo theme. But for third party themes that use alternating backgrounds on each thread in the list (like the ThemeHouse theme I am using), it will not change the alternate background color of those.

FYI--I don't use this add-on. Instead, I reference the same CSS element and create a thicker bottom border. I didn't need the "normal" / "sticky" phrases or any other features to get what I wanted.

.structItemContainer-group--sticky {
      border-bottom: 3px solid @xf-borderColorFaint ;
}

 

[Mindzipper]

.structItemContainer-group--sticky {
    background-color: lighten(@xf-contentBg, 10%);
}

Change the percentage to change the amount of brightness. Change lighten to darken to make it darker. Tying it to @xf-contentBg ensures that if you change your background color, your darkened color will automatically render (thanks to LESS).

Another way to do this is to use a partially transparent background color:

.structItemContainer-group--sticky {
    background-color: rgba(255, 255, 255, 0.3);
}

Adjust the alpha value (0.3) to any value between 0 (0% and 1.00 (100%) to adjust how much you want to lighten the background. Likewise, use black (rgba( 0, 0, 0, 0.3)) to darken.

This will work on the default XenForo theme. But for third party themes that use alternating backgrounds on each thread in the list (like the ThemeHouse theme I am using), it will not change the alternate background color of those.

FYI--I don't use this add-on. Instead, I reference the same CSS element and create a thicker bottom border. I didn't need the "normal" / "sticky" phrases or any other features to get what I wanted.

.structItemContainer-group--sticky {
      border-bottom: 3px solid @xf-borderColorFaint ;
}

My god, this is beautiful. Yes I disabled the addon. I was just trying to make it visually different but this just separated them. Not knocking the addon because it works but i'm a stickler for using the fewest addons I can.

By the way, using @xf-contentBg is brilliant instead of a static color. Thank you!!

 

[Wildcat Media]

I agree, it's a nice add-on, and I have used it in the past. In addition, a third party theme we are using has its own stick/normal separator. But that one was too cluttered for me. All we wanted was a way to divide them, and this colored bottom border seemed to be easier to configure.

 

[Xon]

i'm a stickler for using the fewest addons I can.

I can understand that, I don't use this one in all the sites I sysadmin because a version has been built into the style.

A couple of the sites I sysadmin have +40 or +80 add-on's each, so what is one more?

 

[Chernabog]

I have an insane amount of addons myself lol -- so I am looking at this and I do have your addon:

[SC] Separate Sticky Threads 2.0.0

This add-on allow you to separate your sticky and normal threads.
Developer: SyTry
Support
XenForo
Xon

When I go to update to 2.0.3 it's acting like it's a new install -- is that supposed to happen? I am going to play with the

.structItemContainer-group--sticky {
      border-bottom: 3px solid @xf-borderColorFaint ;
}

in extra.less but I kinda like the font awesome icons.

Thanks!

 

[Xon]

That isn't my add-on, it is one based off it

 

[Chernabog]

That isn't my add-on, it is one based off it

well i like you better! lol ;-)

 

[⭐ Alex ⭐]

@Xon is this compatible with XF 2.2?

 

[Xon]

It works fine with XF2.2, will update the description

 

[Seraph4]

Thanks man, work perfectly

 

[Silmarillion]

Anyone figure out how to change the color? Also I get the little dot as well.

Unfortunately, I don't find out either. It would be nice if someone could help me. Thanks in advance.

 

[Xon]

Something like this will let you target the normal/stick text block;

.structItemContainer-group.structItemContainer-group--normal-block,
.structItemContainer-group.structItemContainer-group--sticky-block
{
    color: red;
}

 

[djbaxter]

Seems this displays "Normal Threads" even when there are no sticky threads.
Is there a way to disable it from showing if there are only normal threads?

I'm also looking for a way to do that.

@Xon can this be done with some sort of extra.less entry or a conditional before the Normal Threads? or would it require an extension of your addon?