Orange-OpenSource / Orange-OpenSource/Orange-Boosted-Bootstrap

Update component Item to v1.2.0

Open
#3,791 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

⚛️ component
Dominant language
CSS
Stars
219
Forks
61
Avg merge
2d 15h
Merged PRs (30d)
12

Description

The component Item has been updated on design side and must be updated on our side.
This version depends on the version 2.7.0 of the design tokens

Changelog

  • Removal of the “Video” variant in leading and trailing positions.
  • For the nested “Image” component, addition of a new boolean variant, “Animated=True/False”, allowing the use of animated images in GIF or WEBP formats.

Bug fix

  • The “Icon”, “Image”, and “Avatar” assets in the trailing position of the “Size: Small” / “Alignment: Top alignment” variants no longer offer “Medium/Large” sizes.
  • Updated size tokens applied to “Icon” assets:
    • Size “Small”: size/icon/with-label/large/size-small
    • Size “Medium”: size/icon/with-label/large/size-medium
    • Size “Large”: size/icon/with-label/large/size-xlarge
  • Flag sizes have been updated for the “Small” and “Default” variants:
    • Removal of the height token: list-item/size/flag/height
    • To replace it with the width tokens:
      • Size “Small”: ouds/control/list-item/size/asset/small
      • Size “Medium”: ouds/control/list-item/size/asset/medium

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Locate the existing Item component and its references to design tokens, then compare its variants with the v1.2.0 changelog and the required design tokens v2.7.0. Done means the listed variant removals, Animated image option, asset-size fixes, and flag-size token updates are reflected in the component.

Written by the indexing model from the issue text.

Assessment

Tech stack
bootstrap, css
Domain
design, frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.