innov
/
BootstrapAdmin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat: 增加操作列宽度设置

This commit is contained in:
Argo-Lenovo 2021-12-20 00:11:58 +08:00
parent f581e761e8
commit 840a78db95
3 changed files with 27 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/blazor/admin/BootstrapAdmin.Web/Components/BlazorTable.razor
View File

@ -4,7 +4,7 @@
IsPagination="IsPagination" PageItemsSource="PageItemsSource" IsFixedHeader="true"
UseInjectDataService="true" DataService="DataService" OnQueryAsync="OnQueryAsync!"
ShowToolbar="true" ShowExtendButtons="true" ShowSearch="true"
ShowCardView="true" ShowColumnList="true"
ShowCardView="true" ShowColumnList="true" ExtendButtonColumnWidth="@ExtendButtonColumnWidth"
CustomerSearchModel="@TableSearchModel">
<TableToolbarTemplate>
@TableToolbarTemplate

6
src/blazor/admin/BootstrapAdmin.Web/Components/BlazorTable.razor.cs
View File

@ -12,6 +12,12 @@
[Parameter]
public IEnumerable<int>? PageItemsSource { get; set; }
/// <summary>
///
/// </summary>
[Parameter]
public int ExtendButtonColumnWidth { get; set; } = 130;
/// <summary>
///
/// </summary>

32
src/blazor/admin/BootstrapAdmin.Web/wwwroot/css/site.css
View File

@ -4,6 +4,7 @@
:root {
--bb-footer-height: 40px;
--bb-tab-header-height: 39px;
}
#blazor-error-ui {
@ -40,7 +41,7 @@
}
.tabs-body {
height: calc(100vh - 89px - var(--bb-footer-height));
height: calc(100vh - var(--bb-layout-header-height) - var(--bb-tab-header-height) - var(--bb-footer-height));
}
.table-scroll {
@ -51,16 +52,23 @@
overflow-y: auto;
}
.table-scroll::-webkit-scrollbar {
width: 6px;
height: 6px
}
.tabs-body-content .error-stack {
height: calc(100vh - var(--bb-layout-header-height) - var(--bb-tab-header-height) - var(--bb-footer-height));
overflow: auto;
margin: -1rem;
padding: 1rem;
}
.table-scroll::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: rgba(0,0,0,0.2);
}
::-webkit-scrollbar {
width: 6px;
height: 6px
}
.table-scroll::-webkit-scrollbar-thumb:hover {
background-color: rgba(0,0,0,0.3);
}
::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:hover {
background-color: rgba(0,0,0,0.3);
}