Skip to content
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

[manage] Fixed theming and the organization view #2993

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

grantila
Copy link
Contributor

@grantila grantila commented Feb 25, 2025

Combined entities (page header) toggle

The top-right header label showing a "Combined" switch cannot easily be themed, as it didn't use the <HeaderLabel> component which applies an overridable theme. This means that the text color can be unreadable for themes that have overridden the page header into something close to the regular background color.

This PR uses a <HeaderLabel> and also exports the combine switch component so it can be rendered separately (if the implementor wants other header labels as well), and also being able to choose the switch icon color.

Organization view

The organization view showed not only all your parent groups (which is correct), but also each of their children groups, which basically shows the whole org. This was not the intention, and and although it's sometimes useful (for small and medium size organization) it can become cluttered for large organizations.

This PR defaults to only showing the group structure from the user and upwards by default. It adds two toggles to the view; To show the "whole organization" (i.e. follow group children), and to flip top-down to left-right.

The size of the view is also improved, so that the height of this graph adapts to the screen size. This reduces flickering and makes zooming in work better in that a graph that's very wide (and not very tall) can still be zoomed in to the whole screen estate available, and not only in the initial bounding box of the graph component.

organization-view

Hey, I just made a Pull Request!

✔️ Checklist

  • A changeset describing the change and affected packages. (more info)
  • Added or updated documentation
  • Tests for new functionality and regression tests for bug fixes
  • Screenshots attached (for UI changes)
  • All your commits have a Signed-off-by line in the message. (more info)

@grantila grantila requested a review from a team as a code owner February 25, 2025 16:43
@grantila grantila requested a review from nickboldt February 25, 2025 16:43
@backstage-goalie
Copy link
Contributor

backstage-goalie bot commented Feb 25, 2025

Changed Packages

Package Name Package Path Changeset Bump Current Version
@backstage-community/plugin-manage-react workspaces/manage/plugins/manage-react patch v0.1.0
@backstage-community/plugin-manage workspaces/manage/plugins/manage patch v0.1.0

@grantila grantila force-pushed the grantila/fix-manage-colors-and-org-view branch from d4e8da9 to d0a7de6 Compare February 25, 2025 16:46
@grantila grantila force-pushed the grantila/fix-manage-colors-and-org-view branch from d0a7de6 to 3ebe7b6 Compare February 25, 2025 16:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant