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

refactor(chip-set): correctly use MDC's HTML & classes #2683

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

Conversation

Kiarokh
Copy link
Contributor

@Kiarokh Kiarokh commented Jan 4, 2024

required for https://github.com/Lundalogik/crm-feature/issues/2723

We're inheriting styles from MDC, but since our HTML structure was not exactly similar to the one from
MDC's input-field, and some classes were missing,
then we had to make special styles to override what was coming from MDC, or to compensate for
what was missing, due to missing classes.

⚠️ to the reviewer: just make sure that the chipset (and picker) visually looks alright. It was impossible to break down this commit into several meaningful and easier to follow commits.

Review:

  • Commits are atomic
  • Commits have the correct type for the changes made
  • Commits with breaking changes are marked as such

Browsers tested:

(Check any that applies, it's ok to leave boxes unchecked if testing something didn't seem relevant.)

Windows:

  • Chrome
  • Edge
  • Firefox

Linux:

  • Chrome
  • Firefox

macOS:

  • Chrome
  • Firefox
  • Safari

Mobile:

  • Chrome on Android
  • iOS

Copy link

github-actions bot commented Jan 4, 2024

Documentation has been published to https://lundalogik.github.io/lime-elements/versions/PR-2683/

{this.renderLabel()}
<div class="mdc-notched-outline__trailing" />
</div>
{this.renderLeadingIcon()}
Copy link
Contributor

Choose a reason for hiding this comment

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

This change causes the next issue 👇

Screen.Recording.2024-01-04.at.13.06.59.mov

@LucyChyzhova LucyChyzhova marked this pull request as draft January 4, 2024 14:39
@Kiarokh Kiarokh self-assigned this Jan 4, 2024
We're inheriting styles from MDC, but since our HTML
structure was not exactly similar to the one from
MDC's input-field, and some classes were missing,
then we had to make special styles to override what
was coming from MDC, or to compensate for
what was missing, due to missing classes.
@Kiarokh
Copy link
Contributor Author

Kiarokh commented Feb 7, 2024

we need to come back to this after we have:

  1. used the new limel-chip in the chip-set
  2. refactored limel-input-field so that it is not depending on MDC

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

Successfully merging this pull request may close these issues.

2 participants