Fix: dashboard recent platform orders table overflow
This commit is contained in:
@@ -758,13 +758,43 @@
|
||||
margin-right:4px;
|
||||
}
|
||||
|
||||
/* 仪表盘最近订单:避免内容把表格/卡片撑破导致横向溢出 */
|
||||
[data-page="admin.dashboard"] [data-role="recent-platform-orders-table"]{
|
||||
table-layout:fixed;
|
||||
}
|
||||
|
||||
[data-page="admin.dashboard"] [data-role="recent-platform-orders-table"] th:nth-child(1),
|
||||
[data-page="admin.dashboard"] [data-role="recent-platform-orders-table"] td:nth-child(1){
|
||||
width:140px;
|
||||
}
|
||||
|
||||
[data-page="admin.dashboard"] [data-role="recent-platform-orders-table"] th:nth-child(3),
|
||||
[data-page="admin.dashboard"] [data-role="recent-platform-orders-table"] td:nth-child(3){
|
||||
width:110px;
|
||||
white-space:nowrap;
|
||||
}
|
||||
|
||||
/* 仪表盘最近订单:避免「支付」表头在窄宽下被拆成竖排(CJK 可在任意字间断行) */
|
||||
[data-page="admin.dashboard"] [data-role="recent-platform-orders-table"] th:nth-child(4),
|
||||
[data-page="admin.dashboard"] [data-role="recent-platform-orders-table"] td:nth-child(4){
|
||||
width:86px;
|
||||
white-space:nowrap;
|
||||
min-width:56px;
|
||||
}
|
||||
|
||||
[data-page="admin.dashboard"] [data-role="recent-platform-orders-table"] th:nth-child(5),
|
||||
[data-page="admin.dashboard"] [data-role="recent-platform-orders-table"] td:nth-child(5){
|
||||
width:140px;
|
||||
}
|
||||
|
||||
[data-page="admin.dashboard"] [data-role="recent-platform-orders-table"] td:nth-child(1) a.link{
|
||||
display:block;
|
||||
max-width:100%;
|
||||
overflow:hidden;
|
||||
text-overflow:ellipsis;
|
||||
white-space:nowrap;
|
||||
}
|
||||
|
||||
/* 仪表盘最近订单:扫描信息行(用于快速判断治理状态,不替代下方治理提示入口) */
|
||||
[data-page="admin.dashboard"] .adm-order-scanline{
|
||||
margin-top:3px;
|
||||
|
||||
Reference in New Issue
Block a user