Popover line-height

[johanneclc]

Hello,

I have this button into my project which show popover and I would like to custom my line-height on popover

<button
   type="button"
   class="btn btn-primary mx-3"
   [id]="'info' + i"
   data-bs-html="true"
   data-bs-placement="bottom"
   data-bs-title="Information"
   [attr.data-bs-content]="app['info' + lang]"
   (focus)="handlePopoverFocus('info' + i)"
   (blur)="handlePopoverBlur('info' + i)"
 >
  Title
 </button>

I try to add custom class with

data-bs-custom-class="custom-popover"

with style :

.custom-popover {
  line-height: 0.2;
}

BUT with the data-bs-html="true", that's impossible.

Thanks

[louismaximepiton]

Hey there,

If you're using Boosted, know that we don't recommand to change the default rendering we provide.
That said, it seems to work well on our side without Angular.
Could you provide any StackBlitz with the minimum code reproducing the error ?