test/BootstrapBlazor3
1
0
Fork 0
mirror of https://gitee.com/LongbowEnterprise/BootstrapBlazor.git synced 2024-11-30 11:08:53 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

!2609 feat(#I50WSD): update style for scrolling modal body

Browse Source 
* chore: bump version 6.4.13
* style: 适配弹窗内部滚动样式
This commit is contained in:
Argo 2022-04-02 12:42:48 +00:00
parent ff17c44363
commit 2339c956cf
3 changed files with 28 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/BootstrapBlazor/BootstrapBlazor.csproj
View File

@ -1,7 +1,7 @@
<Project Sdk="Microsoft.NET.Sdk.Razor"> <Project Sdk="Microsoft.NET.Sdk.Razor">
<PropertyGroup> <PropertyGroup>
<Version>6.4.12</Version> <Version>6.4.13</Version>
</PropertyGroup> </PropertyGroup>
<ItemGroup Condition="'$(TargetFramework)' == 'net5.0'"> <ItemGroup Condition="'$(TargetFramework)' == 'net5.0'">

41
src/BootstrapBlazor/Components/Table/Table.css
View File

@ -745,23 +745,10 @@ form .table .table-cell > textarea {
border-radius: 0.25rem; border-radius: 0.25rem;
} }
.modal-dialog-table.modal-dialog-scrollable .modal-body { .form-footer {
display: flex; margin-top: .5rem;
flex-direction: column;
} }
.modal-dialog-table.modal-dialog-scrollable .modal-body > form {
overflow: hidden;
display: flex;
flex-direction: column;
flex: 1;
}
.modal-dialog-table.modal-dialog-scrollable .modal-body .form-body {
overflow-y: auto;
overflow-x: hidden;
}
.modal-body .form-footer { .modal-body .form-footer {
margin: 1rem -1rem 0 -1rem; margin: 1rem -1rem 0 -1rem;
padding: 1rem 1rem 0 1rem; padding: 1rem 1rem 0 1rem;
@ -772,3 +759,27 @@ form .table .table-cell > textarea {
.modal-body .form-footer button:not(:last-child) { .modal-body .form-footer button:not(:last-child) {
margin-right: .25rem; margin-right: .25rem;
} }
.modal-dialog-table.modal-dialog-scrollable .modal-body {
display: flex;
flex-direction: column;
}
.modal-dialog-table.modal-dialog-scrollable .modal-body > form {
overflow: hidden;
display: flex;
flex-direction: column;
flex: 1;
margin: -1rem;
}
.modal-dialog-table.modal-dialog-scrollable .modal-body .form-body {
overflow-y: auto;
overflow-x: hidden;
padding: 1rem;
}
.modal-dialog-table.modal-dialog-scrollable .modal-body .form-footer {
margin: 0;
padding: 1rem;
}

2
src/BootstrapBlazor/wwwroot/css/bootstrap.blazor.bundle.min.css vendored
View File

File diff suppressed because one or more lines are too long