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

Make ha-chip-set slot-able #10647

Merged
merged 6 commits into from Nov 21, 2021
Merged

Make ha-chip-set slot-able #10647

merged 6 commits into from Nov 21, 2021

Conversation

ludeeus
Copy link
Member

@ludeeus ludeeus commented Nov 18, 2021

Breaking change

Proposed change

Type of change

  • Dependency upgrade
  • Bugfix (non-breaking change which fixes an issue)
  • New feature (thank you!)
  • Breaking change (fix/feature causing existing functionality to break)
  • Code quality improvements to existing code or addition of tests

Example configuration

Additional information

  • This PR fixes or closes issue: fixes #
  • This PR is related to issue or discussion:
  • Link to documentation pull request:

Checklist

  • The code change is tested and works locally.
  • There is no commented out code in this PR.
  • Tests have been added to verify that the new code works.

If user exposed functionality or configuration variables are added/changed:

@ludeeus ludeeus added the needs design preview PRs with this label will trigger a GitHub action to generate a gallery preview label Nov 18, 2021
@balloob balloob changed the title Split chips and add chip-set to gallery Split chips and add chip-set in gallery Nov 19, 2021
@ludeeus ludeeus changed the title Split chips and add chip-set in gallery Make ha-chip-set slot-able Nov 19, 2021
src/components/ha-chip.ts Outdated Show resolved Hide resolved
static get styles(): CSSResultGroup {
return css`
${unsafeCSS(chipStyles)}

ha-chip {
slot::slotted(ha-chip) {
margin: 4px;
Copy link
Member

Choose a reason for hiding this comment

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

image

We now have on the left 8px (4px padding, 4px margin)

Docs show no margin on the left. Maybe we should do a margin-left: -4px on :host for chip-set?
https://m3.material.io/components/chips/overview

Copy link
Member Author

Choose a reason for hiding this comment

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

That is not new.

@balloob balloob merged commit 6c4e987 into dev Nov 21, 2021
@balloob balloob deleted the chip-gallery branch November 21, 2021 17:15
@github-actions github-actions bot locked and limited conversation to collaborators Nov 22, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
cla-signed needs design preview PRs with this label will trigger a GitHub action to generate a gallery preview
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants