test/BootstrapBlazor3
1
0
Fork 0
mirror of https://gitee.com/LongbowEnterprise/BootstrapBlazor.git synced 2024-12-02 03:59:14 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

feat(WinBox): add Mask background color function (#4164)

Browse Source 
* fix: 模态框支持遮罩

* refactor: 更新遮罩透明度

* chore: bump version 8.0.2

* doc: 更新遮罩功能
This commit is contained in:
Argo Zhang 2024-08-27 12:16:50 +08:00 committed by GitHub
parent d58768cd80
commit c22a03d5c0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
View File

@ -66,7 +66,7 @@
<PackageReference Include="BootstrapBlazor.Topology" Version="8.0.9" />
<PackageReference Include="BootstrapBlazor.VideoPlayer" Version="8.0.7-beta1" />
<PackageReference Include="BootstrapBlazor.WebAPI" Version="8.0.5" />
<PackageReference Include="BootstrapBlazor.WinBox" Version="8.0.1" />
<PackageReference Include="BootstrapBlazor.WinBox" Version="8.0.2" />
<PackageReference Include="Longbow.Logging" Version="8.0.0" />
<PackageReference Include="Longbow.Tasks" Version="8.0.3" />
<PackageReference Include="System.Drawing.Common" Version="8.0.8" />

2
src/Extensions/Components/BootstrapBlazor.WinBox/BootstrapBlazor.WinBox.csproj
View File

@ -1,7 +1,7 @@
<Project Sdk="Microsoft.NET.Sdk.Razor">
<PropertyGroup>
<Version>8.0.1</Version>
<Version>8.0.2</Version>
</PropertyGroup>
<PropertyGroup>

21
src/Extensions/Components/BootstrapBlazor.WinBox/wwwroot/css/winbox.bundle.css
View File

@ -1,11 +1,16 @@
@import url('./winbox.min.css');
:root {
--bb-winbox-mask-bg-opacity: 0.3;
}
.winbox {
--bb-winbox-bg: #b5b5c3;
--bb-winbox-bg-dark: #383b3f;
--bb-winbox-body-padding: .5rem;
--bb-window-border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
--bb-winbox-footer-border-color: var(--bs-border-color);
--bb-winbox-mask-bg: #000;
background: var(--bb-winbox-bg);
border-radius: var(--bb-window-border-radius);
}
@ -33,9 +38,23 @@
.winbox.modal {
display: block;
overflow: hidden;
overflow: visible;
}
.winbox.modal:after {
background: var(--bb-winbox-mask-bg);
}
@keyframes wb-fade-in {
0% {
opacity: 0;
}
100% {
opacity: var(--bb-winbox-mask-bg-opacity);
}
}
[data-bs-theme='dark'] .winbox {
background: var(--bb-winbox-bg-dark);
}