-
Notifications
You must be signed in to change notification settings - Fork 32
🎨 [Frontend] Distinguish product groups (Everyone/Public and Support) #8335
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
🎨 [Frontend] Distinguish product groups (Everyone/Public and Support) #8335
Conversation
🧪 CI InsightsHere's what we observed from your CI run for 7469de8. ✅ Passed Jobs With Interesting Signals
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull Request Overview
This PR implements visual distinction between product groups (Everyone/Public and Support) and regular groups in the frontend interface. The changes add visual separators and reorder collaborators to prioritize product-related groups.
Key changes:
- Introduces a standardized ordering system for collaboration types
- Adds visual separators between product groups and other groups in various UI components
- Updates icons for better visual distinction of support groups
Reviewed Changes
Copilot reviewed 8 out of 8 changed files in this pull request and generated 2 comments.
Show a summary per file
| File | Description |
|---|---|
osparc/theme/Decoration.js |
Adds "separator-strong" decoration style for visual separation |
osparc/store/Groups.js |
Defines collaboration type ordering array for consistent sorting |
osparc/share/Collaborators.js |
Implements product group sorting and separator insertion logic |
osparc/filter/OrganizationsAndMembers.js |
Updates to use centralized collaboration type ordering |
osparc/filter/CollaboratorToggleButton.js |
Adds icon width standardization for alignment |
osparc/desktop/organizations/OrganizationsList.js |
Adds separator logic and safe property access |
osparc/data/model/Group.js |
Fixes syntax error in statics object |
osparc/dashboard/CardBase.js |
Updates support group icon |
services/static-webserver/client/source/class/osparc/data/model/Group.js
Show resolved
Hide resolved
services/static-webserver/client/source/class/osparc/desktop/organizations/OrganizationsList.js
Show resolved
Hide resolved
|
@mergify queue |
🛑 Configuration not compatible with a branch protection settingThe branch protection setting |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
thx
I would make the separator a bit bigger
…osparc-simcore into enh/distinguish-product-groups
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
very nice addition!
|



What do these changes do?
This PR implements visual distinction between product groups (Everyone/Public and Support) and regular groups in the frontend interface. The changes add visual separators and reorder collaborators to prioritize product-related groups.
Bonus:
Related issue/s
How to test
Dev-ops