stream-chat-angular icon indicating copy to clipboard operation
stream-chat-angular copied to clipboard

Published 20 hours ago • verified publisher icon GetStream

Allow controlling avatar sizes through CSS variables

Open ilyakonrad opened this issue 11 months ago • 3 comments

Right now there doesn't seem to be a way to change avatar sizes in a nice way: you should either use dirty CSS overwrites or create custom components for the components-hosts of <stream-avatar-placeholder>, which would allow you to pass the size directly.

What's the idea behind having sizes set through JS and not CSS? Can you add a way to control the sizes through CSS variables?

ilyakonrad avatar Mar 27 '24 11:03 ilyakonrad

I agree that it makes more sense to have CSS variables to control avatar size. I'll try to squeeze this in the coming weeks, in the meantime, the dirty CSS overwrites are the way to go.

szuperaz avatar Mar 27 '24 12:03 szuperaz

Thanks!

ilyakonrad avatar Mar 27 '24 12:03 ilyakonrad

An update on this: this is expected to be part of the next major release (v5), development on that will start shortly, we'll have a beta branch with prereleases, but it's possible that the avatar bit will be implemented later then the next couple of weeks.

szuperaz avatar Apr 05 '24 09:04 szuperaz

:tada: This issue has been resolved in version 5.0.0-v5.13 :tada:

The release is available on:

Your semantic-release bot :package::rocket:

github-actions[bot] avatar Apr 26 '24 05:04 github-actions[bot]