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

Update PlacesDetailPanel with more flexible styling #264

Closed
wants to merge 9 commits into from

Conversation

ajolipa
Copy link
Contributor

@ajolipa ajolipa commented Mar 8, 2024

In this PR

  • Edits the CSS of the core-data/PlacesDetailPanel component to remove the absolute positioning and fixed width;
  • Adds user stories showing use of the component inside a semantic-ui-react Sidebar component and Modal component
    image
    image

Notes

Unsure about the best way to structure this change; as is, it's sort of a breaking change in that existing uses of the panel as a sidebar specifically will need to be updated to actually wrap the component in a sidebar other custom styled component to recover the same behavior. Alternatively we could force backward compatibility by passing some sort of optional modal flag as a prop and only apply the updated CSS if that flag is applied, but that seems significantly less elegant. Open to thoughts!

@ajolipa ajolipa requested a review from dleadbetter March 8, 2024 20:45
Copy link
Collaborator

@dleadbetter dleadbetter left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good! (And was a much simpler change than I was anticipating). I think it's probably fine that this is a breaking change, as I don't believe any projects are currently using these components.

Could we add an example of using the component as a Sidebar using Tailwind instead of Semantic UI? This will likely involve adding Tailwind to the storybook package, but I think that most projects using these components will be using Tailwind, so it will probably be good to have examples.

@ajolipa ajolipa linked an issue Mar 11, 2024 that may be closed by this pull request
@ajolipa ajolipa added the v2.1.0 Issues in v2.1.0 label Mar 11, 2024
@ajolipa
Copy link
Contributor Author

ajolipa commented Mar 12, 2024

Added some Tailwind examples to the Storybook page. @dleadbetter

@ajolipa ajolipa requested a review from dleadbetter March 12, 2024 18:38
@ajolipa
Copy link
Contributor Author

ajolipa commented Mar 13, 2024

Closing and reopening to try to get GitHub to update the file diffs.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
v2.1.0 Issues in v2.1.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Enhancement: Position-agnostic PlacesDetailsPanel component
2 participants