refactor(centralui): tokenize remaining standalone modal backdrops via .sb-modal-backdrop + bounded bg-* dark audit (T34c)

This commit is contained in:
Joseph Doherty
2026-06-18 20:04:17 -04:00
parent 1d82e6bc8c
commit 07b651d933
7 changed files with 10 additions and 10 deletions
@@ -6,7 +6,7 @@
@if (_isVisible) @if (_isVisible)
{ {
<div class="modal show d-block" tabindex="-1" role="dialog" style="background-color: rgba(0,0,0,0.5);"> <div class="modal show d-block sb-modal-backdrop" tabindex="-1" role="dialog">
<div class="modal-dialog modal-xl" role="document"> <div class="modal-dialog modal-xl" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@@ -4,7 +4,7 @@
@if (_isVisible) @if (_isVisible)
{ {
<div class="modal show d-block" tabindex="-1" role="dialog" style="background-color: rgba(0,0,0,0.5);"> <div class="modal show d-block sb-modal-backdrop" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg modal-dialog-scrollable" role="document"> <div class="modal-dialog modal-lg modal-dialog-scrollable" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@@ -1,6 +1,6 @@
@if (IsVisible) @if (IsVisible)
{ {
<div class="modal show d-block" tabindex="-1" style="background: rgba(0,0,0,0.4);"> <div class="modal show d-block sb-modal-backdrop" tabindex="-1">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@@ -366,7 +366,7 @@
@* Override edit modal *@ @* Override edit modal *@
@if (_editingAlarm != null) @if (_editingAlarm != null)
{ {
<div class="modal show d-block" tabindex="-1" style="background: rgba(0,0,0,0.4);"> <div class="modal show d-block sb-modal-backdrop" tabindex="-1">
<div class="modal-dialog modal-dialog-scrollable modal-lg"> <div class="modal-dialog modal-dialog-scrollable modal-lg">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@@ -1,6 +1,6 @@
@if (IsVisible) @if (IsVisible)
{ {
<div class="modal show d-block" tabindex="-1" style="background: rgba(0,0,0,0.4);"> <div class="modal show d-block sb-modal-backdrop" tabindex="-1">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@@ -1,6 +1,6 @@
@if (IsVisible) @if (IsVisible)
{ {
<div class="modal show d-block" tabindex="-1" style="background: rgba(0,0,0,0.4);"> <div class="modal show d-block sb-modal-backdrop" tabindex="-1">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@@ -694,7 +694,7 @@
@if (_showAttrForm) @if (_showAttrForm)
{ {
var editing = _editAttrId.HasValue; var editing = _editAttrId.HasValue;
<div class="modal show d-block" tabindex="-1" style="background: rgba(0,0,0,0.4);"> <div class="modal show d-block sb-modal-backdrop" tabindex="-1">
<div class="modal-dialog modal-dialog-scrollable"> <div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@@ -954,7 +954,7 @@
@if (_showAlarmForm) @if (_showAlarmForm)
{ {
var editing = _editAlarmId.HasValue; var editing = _editAlarmId.HasValue;
<div class="modal show d-block" tabindex="-1" style="background: rgba(0,0,0,0.4);"> <div class="modal show d-block sb-modal-backdrop" tabindex="-1">
<div class="modal-dialog modal-dialog-scrollable"> <div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@@ -1077,7 +1077,7 @@
@if (_showNativeSourceForm) @if (_showNativeSourceForm)
{ {
var editing = _editNativeSourceId.HasValue; var editing = _editNativeSourceId.HasValue;
<div class="modal d-block" tabindex="-1" style="background: rgba(0,0,0,.5);"> <div class="modal d-block sb-modal-backdrop" tabindex="-1">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@@ -1299,7 +1299,7 @@
@if (_showScriptForm) @if (_showScriptForm)
{ {
var editingScript = _editScriptId.HasValue; var editingScript = _editScriptId.HasValue;
<div class="modal show d-block" tabindex="-1" style="background: rgba(0,0,0,0.4);"> <div class="modal show d-block sb-modal-backdrop" tabindex="-1">
<div class="modal-dialog modal-dialog-scrollable script-editor-modal"> <div class="modal-dialog modal-dialog-scrollable script-editor-modal">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">