When using Telerik.UI.for.Blazor 4.0.0 and 4.0.1 the avatar sizing styles get overwritten.
Example of what it looks like in my browser, despite trying to use the medium size
Below is the inspection of the styles. This shows the size style gets overridden by a default size styling that comes later in the css file.
below i've included a screenshot of the path of the css to confirm i'm using the Nuget included css file.
Also, a side note that isn't that important.
On the avatar demo page example you reference the Button constants instead of the Avatar constants.
https://demos.telerik.com/blazor-ui/avatar/appearance
Hi David,
I am following up with an update on the matter.
The scenario will be handled with an enhancement in the Kendo Themes. The fixed width and height styles that are added to the Avatar when placed inside a Card will be removed. This will allow honoring the sizing options of the Avatar component.
That said, I am closing the current issue as the change will not actually be made in the Blazor component. You may follow the original item in the kendo-themes repository:
https://github.com/telerik/kendo-themes/issues/4312
Regards,
Nadezhda Tacheva
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.
Hi David,
Thank you for your patience once again!
I've discussed the case with the team and we verified that the Card component overrides the size of the Avatar component. By the current design, the $kendo-card-avatar-size sets a fixed 45 px value for the width and height of any avatar element inside it. It may not be an Avatar component, for example, if you add a <span> element with class "k-avatar" it will also inherit this style.
The scenario will most likely be handled by exposing a Size setting for the Card. However, I am not able to confirm the exact implementation at this stage. I have internally linked your report to consider the use case when implementing the Sizing option for the Card.
For the time being, a possible option is to override the width and height of the Avatar in the Card like so: https://blazorrepl.telerik.com/QRaGaXPe14Y1kYWX30.
I hope you will find this information useful.
Regards,
Nadezhda Tacheva
Progress Telerik
Hi David,
Thank you for your report! We will look further into this behavior. I will get back to you to provide more details after the revision.
Thank you for your patience in the meantime!
Regards,
Nadezhda Tacheva
Progress Telerik