feat(Mask): update opacity to 0.3 (#5747)

ArgoZhang · web-flow · commit 34f1e9b372e7 · 2025-03-29T17:27:46.000+08:00
diff --git a/src/BootstrapBlazor/Components/Mask/Mask.razor.scss b/src/BootstrapBlazor/Components/Mask/Mask.razor.scss
@@ -1,4 +1,4 @@
-.bb-mask {
+﻿.bb-mask {
     --bb-mask-zindex: #{$bb-mask-zindex};
     --bb-mask-bg: #{$bb-mask-bg};
     --bb-mask-opacity: #{$bb-mask-opacity};
diff --git a/src/BootstrapBlazor/wwwroot/src/css/motronic.css b/src/BootstrapBlazor/wwwroot/src/css/motronic.css
@@ -327,8 +327,12 @@
     --bs-btn-active-border-color: #B5B5C3;
 }
 
-.modal-backdrop.show {
-    opacity: .3;
+.modal-backdrop {
+    --bs-backdrop-opacity: 0.3;
+}
+
+.bb-mask {
+    --bb-mask-opacity: 0.3;
 }
 
 .modal-content {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-.bb-mask {`
	`1`	`+.bb-mask {`
`2`	`2`	`--bb-mask-zindex: #{$bb-mask-zindex};`
`3`	`3`	`--bb-mask-bg: #{$bb-mask-bg};`
`4`	`4`	`--bb-mask-opacity: #{$bb-mask-opacity};`
Original file line number	Diff line number	Diff line change
`@@ -327,8 +327,12 @@`
`327`	`327`	`--bs-btn-active-border-color: #B5B5C3;`
`328`	`328`	`}`
`329`	`329`
`330`		`-.modal-backdrop.show {`
`331`		`- opacity: .3;`
	`330`	`+.modal-backdrop {`
	`331`	`+ --bs-backdrop-opacity: 0.3;`
	`332`	`+}`
	`333`	`+`
	`334`	`+.bb-mask {`
	`335`	`+ --bb-mask-opacity: 0.3;`
`332`	`336`	`}`
`333`	`337`
`334`	`338`	`.modal-content {`