thomas1

Customer
We would like to change the colour of the collapseTrigger icon in both Nova and Bolt.

message-user-info-FA.jpg


What would be the most elegant solution without having to add another 20 lines to extra.less?

Thanks for any pointers! :)
 
Solution
To change the color just this in extra.less would do the trick:
Code:
.message-cell .collapseTrigger:before { color: #CCC; }

I originally thought you wanted to change the icons, this would be this CSS in case anyone needs it :)

Code:
.message-cell .collapseTrigger:before { content: "\f0e0"; }
.message-cell .collapseTrigger:not(.button).is-active:before { content: "\f0f3"; }
Top line = closed, bottom line = expanded. Icon codes found here: https://fontawesome.com/cheatsheet
To change the color just this in extra.less would do the trick:
Code:
.message-cell .collapseTrigger:before { color: #CCC; }

I originally thought you wanted to change the icons, this would be this CSS in case anyone needs it :)

Code:
.message-cell .collapseTrigger:before { content: "\f0e0"; }
.message-cell .collapseTrigger:not(.button).is-active:before { content: "\f0f3"; }
Top line = closed, bottom line = expanded. Icon codes found here: https://fontawesome.com/cheatsheet
 
Solution

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.

Back