Blazor css как показать Не удалось переподключиться к серверу. Перезагрузите страницу, чтобы восстановить функциональность заголовка

Question

Я реализовал в проекте Blazor Server Side шаблон Bootstrap, и я не связываю стиль css стандартного шаблона Microsoft.

Мне не хватает классов, которые показывают / скрывают верхний заголовок с «Попытка переподключения к серверу ...», а затем «Не удалось переподключиться к серверу. Перезагрузите страницу для восстановления функциональности», который появляется, когда я перекомпилирую проект (я использую метод Ctrl-F5, чтобы получить очень похожий шаблон редактирования и продолжения)

обратите внимание, что мой фон становится белым с непрозрачностью 0,8, но не заголовком моего шаблона bootstrap, поэтому я предполагаю, что есть что-то с z-index или еще, что скрывает баннер Blazor Reload

можете ли вы указать мне, что я должен поддерживать / добавить из стандарта css? (Я уже добавил классы # blazor-error-ui и # blazor-error-ui .dismiss, но они предназначены для нижнего колонтитула, когда есть исключения)

Спасибо

Answer 1

добавил это в мой custom.css; встроенный стиль добавил z-index: 1000, вероятно, этого было недостаточно

#components-reconnect-modal
{
    z-index: 10000 !important;
}