IgniteUI / igniteui-angular

Ignite UI for Angular is a complete library of Angular-native, Material-based Angular UI components with the fastest grids and charts, Pivot Grid, Dock Manager, Hierarchical Grid, and more.
https://www.infragistics.com/products/ignite-ui-angular
Other
572 stars 161 forks source link

igx-banner-actions no longer align vertically #12594

Closed kdinev closed 1 month ago

kdinev commented 1 year ago

Description

igx-banner-actions used to have align-items: center but this is no longer the case in igniteui-angular 15.x.

Steps to reproduce

  1. Create a banner component
  2. Add anchor and button in the banner actions
<igx-banner #cookiesBanner>
  <igx-icon>settings</igx-icon>
  <span i18n>This site uses cookies.</span>
  <igx-banner-actions>
    <a href="https://www.cookiesandyou.com/" target="_blank" rel="noopener" i18n>Cookies and You</a>
    <button igxButton igxRipple (click)="acceptCookies()" i18n>I Understand</button>
  </igx-banner-actions>
</igx-banner>

Result

image

Expected result

image

kdinev commented 2 months ago

@simeonoff This is again reproducible in v18.