navbar icon and text not working together

[uhlitz]

In navbars, one can only use text or icon to create an item, but not both. depending on the context, either the icon or the text will "win".

• for top-level items, only the icon is considered
• for top-level menu headers, only the text is considered
• for menu items, only the icon is considered

YAML example:

navbar:
  left:
    - text: "info"                           # text is disregarded
      icon: fa-list-alt                      # icon is considered
      href: index.html
    - text: "Preprocessing"                  # text is considered
      icon: fa-hourglass-half                # icon is disregarded
      menu:
        - text: "Preprocessing pipeline"     # text is disregarded
          icon: fa-hourglass-half            # icon is considered
          href: pre_pipeline.html

[jjallaire]

Yes, that's by design (menu icons and text are mutually exclusive)

[dakvid]

Is it a distill or radix design decision, and could it be changed? It would be nice to have both, as in "vanilla" RMarkdown https://rmarkdown.rstudio.com/rmarkdown_websites.htm#site_navigation

[jjallaire]

That's a radix design decision. The idea was that menus should be visually minimalistic and icons are there just for cases like a GitHub link. It certainly could be changed but that would require some CSS work that I don't have time for just now.

[dakvid]

OK, thanks for the explanation. It's good to understand the situation.