Skip to content

Use tagify SCSS file for styling of tag inputs #10030

Open

Description

Description

We currently include the default layout of tagify by copying the original CSS file from the npm package in gulp. However, the tagify package also provides a source SCSS file. It would be interesting to use the SCSS file instead and adapt the styling to our new website design.

Proposed Solution

  1. Use tagifies' SCSS file as a modifiable base instead of the pre-built CSS file
  2. Update the styling to match our new website design.

Benefits

  • Consistent styling with our website design.
  • Easier maintenance and customization using SCSS.

Implementation Steps

  1. Create a new SCSS file, which included the tagify SCSS file.
  2. Use that SCSS file instead of the CSS file in Gulp, so it's copied to css/dist/tagify.css during build
  3. Update the styling as needed.

Additional Notes

  • Ensure compatibility with other components and styles in our project.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    good first issueWelcome to Open Food Facts. This issue should be approachable if you're new. Get in touch for help.🎨 New designIssues related to the Open Food Facts JS/CSS/HTML redesign.

    Type

    No type

    Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions