XF 2.3 If you want to easily make STICKY and LOCKED standout.

MapleOne

Well-known member
Screenshot (93).webp




If you want to make the Sticky or Locked icon stand out a bit more just add this to extra.less



Code:
/* Change Sticky and Locked Icon to Bold */
.structItem-status--sticky:before { font-weight: 800; }
.structItem-status--locked:before { font-weight: 800; }
 
  • Like
Reactions: FoP
You can add colours too.


Code:
{ color: red; }

Yes you can and you can change it in the the locked message in thread view as well


I use this...


Code:
/* Change Sticky and Locked Icon to Bold */
.structItem-status--sticky:before { font-weight: 800; }
.structItem-status--locked:before { font-weight: 800; }
dd.blockStatus-message.blockStatus-message--locked:before { font-weight: 800; }
dd.blockStatus-message.blockStatus-message--locked:before { color: black; }
 
Code:
/* Change Sticky and Locked Icon to Bold */
.structItem-status--sticky:before { font-weight: 800; }
.structItem-status--locked:before { font-weight: 800; }

Stopped working from version 2.3.5 and up and does not matter what I try I cannot replicate it

Anyone have any ideas?
 
In XF 2.3, icon variants are controlled through new Less psuedo-variables and not font-weights.

Less:
/* change sticky and locked icons to solid variant */
.structItem-status--sticky::before
{
    .m-faContent(@fa-var-solid-lock, .875em);
}

.structItem-status--locked::before {
    .m-faContent(@fa-var-solid-thumbtack, .75em);
}
 
Back
Top Bottom