[3.3.x] Styles Support & Discussion • Re: nav tab icon

Like the Quick links dropdown the icon is created with html code, <i class="icon fa-bars fa-fw" aria-hidden="true"></i>
The class used in that code determines what font awesome icon shows. With Quick links, it uses the fa-bars class.
If you do not want an icon, do not use the <i class=""></i> codes in your dropdown link.

And if you can not show what you have tried, then I don't think anyone can help you.

Yeah that was one of the first things I tried hours ago. As I showed in my post above, the code doesn't even have an icon tag but still displays an icon. I've been working on this for hours, so I could show screens and screens of things I've tried =)

There seems to be some relevant code in adm/admin.js:

$triggerConfiglist.on('click', function () {
var $configlist = $('#configlist');
$configlist.closest('.send-stats-data-row').toggleClass('send-stats-data-hidden');
$configlist.closest('.send-stats-row').find('.send-stats-data-row:first-child').toggleClass('send-stats-data-only-row');
$(this).find('i').toggleClass('fa-angle-down fa-angle-up');

But changing to this (below) doesn't remove the icon.

$triggerConfiglist.on('click', function () {
var $configlist = $('#configlist');
$configlist.closest('.send-stats-data-row').toggleClass('send-stats-data-hidden');
$configlist.closest('.send-stats-row').find('.send-stats-data-row:first-child').toggleClass('send-stats-data-only-row');
$(this).find('i').toggleClass();

---

And I noticed that the browser inspector lists the properties different from template/navbar.header.html. It's calling it "before" so that seems to indicate a function.

1. attributes: NamedNodeMap {length: 0}
2. baseURI: "https://www.foo.com"
3. childElementCount: 0
4. childNodes: NodeList []
5. children: HTMLCollection []
6. classList: DOMTokenList [value: '']
7. className: ""
8. clientHeight: 0
9. clientLeft: 0
10. clientTop: 0
11. clientWidth: 0
12. elementTiming: ""
13. id: ""
14. innerHTML: ""
15. isConnected: true
16. localName: "::before"
17. nodeName: "::before"
18. nodeType: 1
19. outerHTML: "<::before></::before>"
20. ownerDocument: document
21. parentElement: div.nav-tabs
22. parentNode: div.nav-tabs
23. part: DOMTokenList [value: '']
24. scrollHeight: 0
25. scrollLeft: 0
26. scrollTop: 0
27. scrollWidth: 0
28. slot: ""
29. tagName: "::before"
30. textContent: ""

Anyway, yeah I wish it was as easy as removing an <i></i> tag =D But it's still calling an icon even when there is no icon tag. LOL.

This is why I was just asking if there was a plain nav tab class. I didn't think people would want to see all this mess of trying to Frankenstein it.

Statistics: Posted by pxdetroit — Mon Mar 10, 2025 9:15 am

---