search

Blazored / Toast

A JavaScript free toast library for Blazor and Razor Component applications
https://blazored.github.io/Toast/
MIT License
654 stars 90 forks source link

Is it possible to increase the z-index in BlazoredToasts.razor.css to zindex-tooltip (1080)? #230

Closed Shecla closed 1 year ago

Shecla commented 1 year ago

When I call the toast from a modal poup it appears behide the popup and I can not access to close button.

Shecla commented 1 year ago

I suggest you to create a new Parameter in BlazoredToasts.razor.cs [Parameter] public string? Style { get; set; } and use it as style in BlazoredToasts.razor <div class="blazored-toast-container @positionGroupedToasts.Key" @key="positionGroupedToasts.Key" style="@Style">.

Shecla commented 1 year ago

"<div class="blazored-toast-container @positionGroupedToasts.Key" @key="positionGroupedToasts.Key" style="@Style">"

chrissainty commented 1 year ago

Hi @Shecla, if you want to increase the z-index you can override the default value via CSS. This won't be something that would be changed in the library.

chrissainty commented 1 year ago

This question has been covered in the discussions section and covers what CSS is needed to override.

https://github.com/Blazored/Toast/discussions/128