feat(info-page): adjust illustration size and spacing defaults

[mistrykaran91]

• Set the default illustration slot size to 260x196px (overridable by projects).
• Adjust gap between the image and title
• Update playwright snapshots

Closes #2374

---

Documentation.
Examples.
Dashboards Demo.
Playwright report.

Coverage Reports:

• charts-ng
• dashboards-ng
• element-ng
• element-translate-ng
• maps-ng
• native-charts-ng

[panch1739]

@mistrykaran91 Awesome! Two things

The example of the illustration has the incorrect spacings

design:

Implementation:

In resposive behavior, the text and buttons remain left align. Could we mantain the center alignment? Would it be possible to follow this guidelines?

[panch1739]

Perfect!

[spike-rabbit]

In the example use ngSrc and I guess you can remove the styling of the image then.

What about wrapping the info-actions in another div an style that?

Maybe this allows you to get rid of ng-deep.

I think for the icon-size, you don't need ng-deep at all.

[mistrykaran91]

In the example use ngSrc and I guess you can remove the styling of the image then.

What about wrapping the info-actions in another div an style that?

Maybe this allows you to get rid of ng-deep.

I think for the icon-size, you don't need ng-deep at all.

I have ngSrcin the example now, but that style was there from previous purposely, just to demonstrate that the sizes can be overiden.

For icon-size- removing ng-deep, it might cause an issue in the stacked icon example because

[spike-rabbit]

👍