search

cloudinary / cloudinary_angular

Cloudinary Angular client library
MIT License
305 stars 228 forks source link

Background image position options instead of center #297

Open chris480 opened 3 years ago

chris480 commented 3 years ago

Explain your use case

There are many cases where 'center center' is not ideal for background positions as defined in the background image directive. https://github.com/cloudinary/cloudinary_angular/blob/master/projects/angular-cld/src/lib/cloudinary-background-image.directive.ts

Describe the problem you’re trying to solve

A way to provide an override without some css !important hack to control image position.

Do you have a proposed solution?

Input param for background position, defaults to center 


@Input('clbackgroundposition') background_position = 'center center'; 
...
this.renderer.setStyle(nativeElement, 'background-position', `${background_position}`);
michalkcloudinay commented 3 years ago

Hi @chris480, I have submitted a request internally to our product team to see if this can be added. We will update you with any new information on this.

michalkcloudinay commented 3 years ago

Hi @chris480, I just want to update you that we released a new SDK version, which includes an option to pass a position parameter to the background image directive. The default will be center.