ELIXIR-Belgium/elixir-toolkit-theme: 6.0.0

✨ Highlights

• New sidebar (Bootstrap 5 rewrite) Completely redesigned sidebar based on Bootstrap 5, replacing the navgoco dependency. Improves accessibility, robustness, and consistency across devices. (#379, #380)

• New page metadata panel Introduces a dedicated metadata panel showing contributors, coordinators, editors, affiliations, and citation info. Reuses contributor card components and adds dedicated Sass variables for metadata styling. (#376, #380) <img width="1386" height="420" alt="image" src="https://github.com/user-attachments/assets/599ad971-cea2-473a-b8f4-234579795de7" />

• Configurable top navigation search The search bar in the top navigation can now be enabled or disabled via _config.yml (default: enabled). (#372)

  theme_variables:
    topnav:
      search: true
  

• Improved national tool & resource listing Tools and resources now list their available instances more clearly, both in popover menus and in the tool table, making national and non-national instances easier to discover and compare. (#378, #392) <img width="1137" height="429" alt="image" src="https://github.com/user-attachments/assets/fede77c2-9145-4295-bf2e-8b962d7e8336" />

• Cleaner, more consistent UI styling Reduced borders, softer hover states, aligned collapse arrows, and clearer distinction between single- and multi-line sidebar items. (#386, #403) <img width="1657" height="860" alt="image" src="https://github.com/user-attachments/assets/b6da7209-53e8-47dc-b89d-71578997e6de" />

🔧 Improvements

• Metadata sorting configuration New _config.yml flags allow sorting entries in the metadata panel:

  theme_variables:
    page_metadata:
      contributors_sort: true
      coordinators_sort: true
      editors_sort: true
      affiliations_sort: true
  

• New front matter field: editors Allows defining page editors in addition to authors; displayed in the metadata panel. (#376)

  ---
  title: Example Page
  editors: [John Smith]
  ---
  

• Sidebar & ToC accessibility

  • Collapse controls are keyboard-focusable. (#369)
  • Skip-aside visually hidden button added for assistive technologies.

• SEO, favicon & documentation

  • New favicon-related metadata and improved SEO documentation. (#393)
  • Related pages documentation improvements. (#368)
  • Added type_img attribute to page mechanics documentation. (#400)

🐛 Bug fixes & robustness

• Contributor carousel fix Navigation arrows no longer overlay contributor cards. (#383)

• Sidebar and ToC rendering fixes

  • ToC collapse button no longer appears when no ToC is present. (#374)
  • Improved spacing and alignment for multi-line vs single-line items. (#403)
  • Guards against JS errors when no sidebar is present.

• Tool & instance listings

  • Empty flag shown for non-country page instances. (#392)

🚨 Breaking changes 🚨

• Sidebar implementation replaced The sidebar is now fully based on Bootstrap 5, removing the navgoco dependency. ⚠️ Custom sidebar overrides must be updated. (#379, #380)

• Sass variables cleanup & behavior changes

  • Removed sidebar variables (multi-level theming):

    $sidebar-bg
    $sidebar-color
    $sidebar-lvl2-*
    $sidebar-lvl3-*
    $sidebar-bg-active
    $sidebar-color-active
    

  • New / replacement variables:

    $sidebar-title-bg
    $sidebar-link-color-active
    $sidebar-link-bg-active
    

  • Hover behavior softened for navigation and info tiles:

    rgba($primary, 0.08) instead of $primary
    

  • New metadata variables:

    $page-metadata-bg
    $page-metadata-link-bg
    $contr-popover-bg
    

  • New top navigation variable:

    $topnav-searchbar
    

  ⚠️ Projects overriding Sass variables should review _sass/_variables.scss and update _sass/_custom_variables.scss accordingly.

• Deprecated configuration

  • contributor-minitiles-page is deprecated and should be removed from _config.yml.

• Favicon asset changes

  • /assets/img/favicon-96x96.png added
  • android-chrome-*.png replaced by web-app-manifest-*.png Update any hardcoded references.

🧾 Full change list

• Related_pages documentation improvements by @bedroesb in https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/pull/368
• Add ability to disable website search by @bedroesb in https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/pull/372
• Refactor page metadata tabs with improved components by @ftabaro in https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/pull/376
• Improve navigation by @janslifka in https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/pull/379
• Update resource link for research-data.no by @korbinib in https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/pull/382
• Fix contributor carousel navigation arrows overlaying cards by @GeertvanGeest in https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/pull/383
• List instances of a tool or resource in the popover menu and the tool table by @bedroesb in https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/pull/378
• Bump version to 6.0.0 and update dependencies by @bedroesb in https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/pull/384
• Speed improvements when instance has lots of tools by @bedroesb in https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/pull/385
• Create a more clean look by using less borders by @bedroesb in https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/pull/386
• Add links to Galaxy Codex and ELIXIR SMP in README by @bedroesb in https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/pull/387
• Introduce new sidebar and page metadata panel by @bedroesb in https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/pull/380
• Empty flag when listing non country page instances by @bedroesb in https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/pull/392
• Introduce new favicon related metadata + improve SEO metadata tag docs by @bedroesb in https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/pull/393
• Fix inconsistent behaviour sidebar when 3 levels deep by @bedroesb in https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/pull/398
• Add type_img attribute to page mechanics documentation by @bedroesb in https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/pull/400
• Revert 1700px breakpoint of main container by @bedroesb in https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/pull/401
• Revert page width change (again) by @bedroesb in https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/pull/402
• Better difference between multiline sidebar items and single line sidebar items by @bedroesb in https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/pull/403

New Contributors

• @ftabaro made their first contribution in https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/pull/376
• @korbinib made their first contribution in https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/pull/382
• @GeertvanGeest made their first contribution in https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/pull/383

Full Changelog: https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/compare/5.0.0...6.0.0