Skip to content

New Heading component - #766

Open
timea-solid wants to merge 14 commits into
stagingfrom
headingComponent
Open

timea-solid wants to merge 14 commits into
stagingfrom
headingComponent

Conversation

@timea-solid

Copy link
Copy Markdown
Member

This component is more or less a code copy from profile-pane. Of course we added the right logic when to display in solid-panes and the transitions.

…s. This is the repository profile.pane. I want to create a web component out of it much like Header.ts in solid-panes. I want this new component to be in solid-panes under components and it doe snot need any of the edit capabilities that profile-pane offers.

Please cerate one for me in solid-panes components.
Co-authored-by: GitHub Copilot (auto) <copilot@github.com>
…lay it on top of the navbar component but only when the profile or social pane is displayed under.

Prompt: I do not want the new profile heading to be part of teh navbar nor the header. What other options do I have to integrate it?
Prompt: awesome.
Actually... I want to be able to edit the information exactly like in profile-pane
Co-authored-by: GitHub Copilot (auto) <copilot@github.com>
…you used svg, I would like to use lucide icons exactly like in profile-pane, the same icons. can you replace them?

Co-authored-by: GitHub Copilot (auto) <copilot@github.com>
…ane is displayed, exclusively. Not on social or anyother if there will be in the future another.

Co-authored-by: GitHub Copilot (auto) <copilot@github.com>
… the heading to be displayed on all menu items in teh navbar.

Co-authored-by: GitHub Copilot (auto) <copilot@github.com>
…section. When i edit that i want the profile heading to be refreshed.

Prompt: do the same for the More contacts section of profile.pane which need to be displayed in the profileHeading new component
Co-authored-by: GitHub Copilot (auto) <copilot@github.com>
…when shown on other panes than profile. The profile picture should be half the size, only show the name and job title. Do not show pronouns, date of birth, location or DOB or anything else.

Make it smaller through CSS and build the logic when to change.
Also I would like to attempt an annitation effect: when I navigate from profile and a full profile heading to social pane, to a smaller heading i would like to see an animation transitioning to smaller. Can you do this?
Prompt: Great job.
When I move to a pane where the heading should not be displayed at all, I also want a transition that makes it dissapear. Either from profile-pane to nothing or from social pane to nothing.
Prompt: Great. Now also do a reverse transition when going from a pane that has no heading to one that has.
Co-authored-by: GitHub Copilot (auto) <copilot@github.com>
@timea-solid timea-solid self-assigned this Oct 7, 2026
@timea-solid timea-solid linked an issue Oct 7, 2026 that may be closed by this pull request
timea-solid and others added 5 commits October 7, 2026 15:19
…6.0.0 solid-ui@5.0.1 pane-registry@5.0.1 activitystreams-pane@2.0.0 chat-pane@4.0.0 contacts-pane@4.0.0 folder-pane@4.0.0 issue-pane@4.0.0 meeting-pane@4.0.0 profile-pane@4.0.0 source-pane@4.0.0)

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: In progress

Development

Successfully merging this pull request may close these issues.

Create the Heading component on top of all panes

1 participant