Team screen restyle + shared Button control - #506
Draft
nghtctrl wants to merge 30 commits into
Draft
Conversation
…el wrapper + add some docstring explaining the component
…t using theme layout gap and a vertical Divider
…d of pending upload changes
…s on theme layout gap
…me layout gap and wrap it in CardSizeProvider
…panels share the tallest card's height
…rid container spaced on theme layout gap
…er with TeamPanel
…ared height, and an absolutely positioned ProjectMenu
…rd height, and lift ProjectDialog out of the card
…g so it sits inside the card corner
…at TeamPanel replaces them
nghtctrl
marked this pull request as draft
August 17, 2026 20:24
… from TeamPanel element rigidity
…the container it is in
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Changes:
control/Button.tsx: MUIButtonthat wraps its label in<Typography noWrap variant="button">so text ellipsizes instead of wrapping;disableTypographyopts out for icon-only content. Exported fromcontrol/index.tsTeam/TeamPanel.tsx: bordered icon/title/actions header over aGrid containerspaced ontheme.layout.gap.TeamItemandPersonalItemnow use it; the oldTeamPaper/TeamHeadDiv/TeamNamecontrols are deletedTeam/CardSize.tsx+useCardSize.ts: cards report the height their content needs and read back the maximum, so project/add cards across all team panels share the tallest card's height (floor 176px). Heights live in a ref so a card re-measuring only re-renders when the max movestheme.tsbutton styling rebuilt around a namedcolorsmap with explicit hover/active/disabled per variant+color;outlinedis now the default variant,contained primarydark /contained secondarylight, plus size-based heights (28/36/44). Removed theIconButtonvariantaugmentation and thecontainedBg/containedHoverBg/BUTTON_SHADOWexports that existed only to mimic it. Secondary#00A7E1(this was actually just primary.light color) →#90a828(green olive color extracted from APM logo); addedpalette.custom.blackProjectCardandAddCardrebuilt asGriditems with aCardActionAreaand the shared height;ProjectMenuabsolutely positioned in the card corner,ProjectDialoglifted out of the clickable area. Icons:BsPencilSquare→EditSquareIcon, hand-drawn "B" →FormatBoldIconTeamScreenandTeamProjectsGridlayouts replaced with flexBox(sidebar + verticalDivider+ scrollable content);AltButton→ButtoninTeamActions,TeamItem,PersonalItemsubscribePendingMediaUploadsdispatches a window event on save (localStoragestorageevents only reach other windows);TeamActionsconsumes it viauseSyncExternalStoreso the badge count is live instead of refreshing only on dialog open/close. Test addedtheme.layout.gapAssociated issues that this addresses: TT-7449, TT-7587