Declined
Last Updated: 27 Mar 2023 15:48 by ADMIN
David
Created on: 27 Jan 2023 15:05
Category: Avatar
Type: Bug Report
1
Size is not honored when the Avatar is placed in a Card

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

4 comments
ADMIN
Nadezhda Tacheva
Posted on: 27 Mar 2023 15:48

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/.

ADMIN
Nadezhda Tacheva
Posted on: 09 Feb 2023 14:51

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

Learn about the important changes coming in UI for Blazor 4.0 in January 2023!
ADMIN
Nadezhda Tacheva
Posted on: 03 Feb 2023 10:07

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

Learn about the important changes coming in UI for Blazor 4.0 in January 2023!
David
Posted on: 27 Jan 2023 15:20
After further investigation, I found that the avatar does not respect sizing when in the header of a kendo card.