Problem/Motivation

The Image component does not support SVG images or responsive image handling, which limits how images can be used in components.

Proposed resolution

Improve the Image component to support SVG images and responsive image handling (drimage).

Remaining tasks

  • ✅ File an issue about this project
  • ✅ Addition/Change/Update/Fix to this project
  • ✅ Testing to ensure no regression
  • ➖ Automated unit/functional testing coverage
  • ➖ Developer Documentation support on feature change/addition
  • ➖ User Guide Documentation support on feature change/addition
  • ➖ UX/UI designer responsibilities
  • ➖ Accessibility and Readability
  • ✅ Code review from 1 Varbase core team member
  • ✅ Full testing and approval
  • ✅ Credit contributors
  • ✅ Review with the product owner
  • ✅ Update Release Notes
  • ✅ Release varbase-11.0.0-alpha3, varbase_starter-1.0.0-alpha2, vartheme_bs5-5.0.0-alpha3

Varbase update type

  • ✅ No Update
  • ➖ Optional Update
  • ➖ Forced Update
  • ➖ Forced Update if Unchanged

User interface changes

  • N/A

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • feat: #3589666 Improve the Image component (SVG and drimage support)
Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

alamgir.hossain.cse created an issue. See original summary.

alamgir.hossain.cse’s picture

Status: Active » Needs review
rajab natshah’s picture

Status: Needs review » Needs work
alamgir.hossain.cse’s picture

Status: Needs work » Active
alamgir.hossain.cse’s picture

Status: Active » Needs review
rajab natshah’s picture

Status: Needs review » Needs work
rajab natshah’s picture

I prefer not to restrict the height.
keep the default as auto height
having 100% width and 100% height is important for Drimage

alamgir.hossain.cse’s picture

Status: Needs work » Needs review

rajab natshah’s picture

Status: Needs review » Fixed

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.

rajab natshah’s picture

rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

Assigned: alamgir.hossain.cse » josebc
Status: Closed (fixed) » Needs review
rajab natshah’s picture

Assigned: josebc » mohammed j. razem
rajab natshah’s picture

Title: Image Component Improvements » Improve the Image component
rajab natshah’s picture

Assigned: mohammed j. razem » Unassigned
Status: Needs review » Fixed

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

Issue summary: View changes

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.