Web Assets: Add sidebar navigation component #94701

Closed
opened 2024-09-13 13:10:06 +02:00 by Pablo Vazquez · 2 comments

The Extensions platform, Blender Conference, and (just recently) Blender ID have a sidebar navigation component that's ad-hoc to each platform.

Let's unify this styling to use web-assets.

Extensions Platform Blender ID Blender Conference
Extensions Blender ID Conference

Blender ID's is the most recent, but it's just a copy from the Extensions platform. The Conference website uses Bootstrap's List Groups.

Bonus points if we can:

  • Make items follow the same order in all websites.
  • Use the same icons for similar items.

Note: Blender Studio also has sidebars but more tree-navigation oriented. It could share styling to a certain extent.

The Extensions platform, Blender Conference, and (just recently) Blender ID have a sidebar navigation component that's ad-hoc to each platform. Let's unify this styling to use web-assets. |[Extensions Platform](https://extensions.blender.org/settings/profile/)|[Blender ID](https://id.blender.org/)|[Blender Conference](https://conference.blender.org/account/profile/)| |----|----|----| |![Extensions](/attachments/108d75e2-3891-4368-98c9-431c67532d1d)|![Blender ID](/attachments/e600299c-ee59-4654-b833-4afbc7b964eb)|![Conference](/attachments/ea6b9bbe-1b45-4368-a9e0-42d3e1c72c5e)| Blender ID's is the [most recent](https://projects.blender.org/infrastructure/blender-id/commit/4c137d6b5207235f2e61bb3a98db44655ca366de), but it's just a copy from the Extensions platform. The Conference website uses [Bootstrap's List Groups](https://getbootstrap.com/docs/5.3/components/list-group/#active-items). Bonus points if we can: * Make items follow the same order in all websites. * Use the same icons for similar items. Note: Blender Studio also has sidebars but more tree-navigation oriented. It could share styling to a certain extent.
Pablo Vazquez added the
Priority
Normal
Type
To Do
labels 2024-09-13 13:10:07 +02:00
Márton Lente was assigned by Pablo Vazquez 2024-09-13 13:10:07 +02:00
Pablo Vazquez added
Priority
Low
and removed
Priority
Normal
labels 2024-09-13 13:16:52 +02:00

@pablovazquez thank you for the nice issue description.

A proposal was made in the following PR for the above, with the details: #94703

@pablovazquez thank you for the nice issue description. A proposal was made in the following PR for the above, with the details: https://projects.blender.org/infrastructure/web-assets/pulls/94703

As the pull request has been merged, and the new nav-pills component has been implemented to all of the three reference projects on their main branches, I'm closing the issue.

As the [pull request](https://projects.blender.org/infrastructure/web-assets/pulls/94703) has been merged, and the new `nav-pills` component has been implemented to all of the three reference projects on their `main` branches, I'm closing the issue.
Sign in to join this conversation.
No Milestone
No project
No Assignees
2 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: infrastructure/web-assets#94701
No description provided.