chenh
/
imeeting
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
imeeting/frontend/src/components/shared/ListTable/ListTable.css

117 lines
2.8 KiB
CSS
Raw Normal View History

feat(shared): 添加操作帮助面板组件 - 实现 ActionHelpPanel 组件，提供操作详情和帮助信息展示 - 添加完整的 CSS 样式文件，支持响应式布局和主题适配 - 集成 Ant Design 的 Drawer 和 Collapse 组件 - 支持当前操作和所有可用操作的分类展示 - 实现操作步骤、注意事项、快捷键等功能说明 - 添加图标、标签、权限要求等信息展示 - 支持操作列表点击切换和实时预览功能
2026-02-10 09:48:44 +00:00
/* 列表表格容器 */
.list-table-container {
width: 100%;
feat: 添加屏保管理页面和相关功能 - 在前端添加 `ScreenSaverManagement` 页面，支持屏保的创建、编辑、删除和状态切换 - 在 `AiModelController` 中添加 Swagger 注解以描述 API 操作 - 在 `pom.xml` 中添加 `springdoc-openapi-starter-webmvc-ui` 依赖 - 更新 `role-permission` 和 `tenants` 页面的分页逻辑 - 在 `sys-params` 页面中使用 `ListTable` 组件并优化分页显示
2026-04-20 03:30:26 +00:00
height: 100%;
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
初次重构
2026-06-26 06:13:40 +00:00
min-width: 0;
background: #fff;
feat(shared): 添加操作帮助面板组件 - 实现 ActionHelpPanel 组件，提供操作详情和帮助信息展示 - 添加完整的 CSS 样式文件，支持响应式布局和主题适配 - 集成 Ant Design 的 Drawer 和 Collapse 组件 - 支持当前操作和所有可用操作的分类展示 - 实现操作步骤、注意事项、快捷键等功能说明 - 添加图标、标签、权限要求等信息展示 - 支持操作列表点击切换和实时预览功能
2026-02-10 09:48:44 +00:00
}
/* 行选中样式 */
初次重构
2026-06-26 06:13:40 +00:00
.list-table-container .row-selected > td {
background-color: var(--item-hover-bg) !important;
feat(shared): 添加操作帮助面板组件 - 实现 ActionHelpPanel 组件，提供操作详情和帮助信息展示 - 添加完整的 CSS 样式文件，支持响应式布局和主题适配 - 集成 Ant Design 的 Drawer 和 Collapse 组件 - 支持当前操作和所有可用操作的分类展示 - 实现操作步骤、注意事项、快捷键等功能说明 - 添加图标、标签、权限要求等信息展示 - 支持操作列表点击切换和实时预览功能
2026-02-10 09:48:44 +00:00
}
.list-table-container .row-selected:hover > td {
background-color: var(--item-hover-bg) !important;
}
/* 分页器中的选择信息样式 */
.table-selection-info {
display: inline-flex;
align-items: center;
gap: 8px;
}
.selection-count {
初次重构
2026-06-26 06:13:40 +00:00
color: #9095a1;
feat(shared): 添加操作帮助面板组件 - 实现 ActionHelpPanel 组件，提供操作详情和帮助信息展示 - 添加完整的 CSS 样式文件，支持响应式布局和主题适配 - 集成 Ant Design 的 Drawer 和 Collapse 组件 - 支持当前操作和所有可用操作的分类展示 - 实现操作步骤、注意事项、快捷键等功能说明 - 添加图标、标签、权限要求等信息展示 - 支持操作列表点击切换和实时预览功能
2026-02-10 09:48:44 +00:00
font-size: 14px;
}
.count-highlight {
color: var(--link-color);
font-weight: 600;
}
.selection-action {
color: var(--link-color);
font-size: 14px;
cursor: pointer;
text-decoration: none;
transition: color 0.3s;
margin-left: 4px;
}
.selection-action:hover {
color: var(--link-color);
opacity: 0.8;
}
feat: 添加最小会议时长配置和优化设备列表样式 - 在 `AndroidMeetingController` 和 `AndroidMeetingConfigVo` 中添加最小会议时长配置 - 优化 `ListTable` 组件的滚动样式和逻辑 - 更新 `devices/index.less` 和 `devices/index.tsx`，改进设备列表单元格样式和内容展示
2026-06-16 08:35:17 +00:00
初次重构
2026-06-26 06:13:40 +00:00
.list-table-container .ant-table {
color: #333;
}
.list-table-container .ant-table-thead > tr > th {
background: #fafafa !important;
color: #333;
font-weight: 600;
border-bottom: 1px solid #f0f0f0;
}
.list-table-container .ant-table-tbody > tr > td {
border-bottom: 1px solid #f0f0f0;
}
.list-table-container .ant-table-tbody > tr:hover > td {
background: #f5f9ff !important;
}
feat: 添加最小会议时长配置和优化设备列表样式 - 在 `AndroidMeetingController` 和 `AndroidMeetingConfigVo` 中添加最小会议时长配置 - 优化 `ListTable` 组件的滚动样式和逻辑 - 更新 `devices/index.less` 和 `devices/index.tsx`，改进设备列表单元格样式和内容展示
2026-06-16 08:35:17 +00:00
.list-table-container .list-table-table--y-scroll.ant-table-wrapper,
.list-table-container .list-table-table--y-scroll.ant-table-wrapper .ant-spin-nested-loading,
.list-table-container .list-table-table--y-scroll.ant-table-wrapper .ant-spin-container,
.list-table-container .list-table-table--y-scroll.ant-table-wrapper .ant-table,
.list-table-container .list-table-table--y-scroll.ant-table-wrapper .ant-table-container {
height: 100%;
min-height: 0;
}
.list-table-container .list-table-table--y-scroll.ant-table-wrapper .ant-spin-container,
.list-table-container .list-table-table--y-scroll.ant-table-wrapper .ant-table,
.list-table-container .list-table-table--y-scroll.ant-table-wrapper .ant-table-container {
display: flex;
flex-direction: column;
}
.list-table-container .list-table-table--y-scroll.ant-table-wrapper .ant-table-content {
flex: none;
min-height: auto;
}
refactor: 优化 ListTable 组件滚动逻辑和样式 - 在 `ListTable` 组件中合并默认滚动配置 - 更新 `TenantMeetingPointsSettings`、`MeetingPointsManagement` 和 `logs/index` 页面的滚动设置 - 优化 `ListTable` 和相关页面的 CSS 样式 - 更新 `fetchLogs` 请求参数处理逻辑
2026-06-22 09:45:24 +00:00
.list-table-container .list-table-table--y-scroll.ant-table-wrapper .ant-table-header {
flex-shrink: 0;
}
feat: 添加最小会议时长配置和优化设备列表样式 - 在 `AndroidMeetingController` 和 `AndroidMeetingConfigVo` 中添加最小会议时长配置 - 优化 `ListTable` 组件的滚动样式和逻辑 - 更新 `devices/index.less` 和 `devices/index.tsx`，改进设备列表单元格样式和内容展示
2026-06-16 08:35:17 +00:00
.list-table-container .list-table-table--y-scroll.ant-table-wrapper .ant-table-body {
flex: 1 1 auto;
min-height: 0;
max-height: var(--list-table-scroll-y) !important;
overflow-y: auto !important;
}
初次重构
2026-06-26 06:13:40 +00:00
.list-table-container .ant-table-wrapper,
.list-table-container .ant-spin-nested-loading,
.list-table-container .ant-spin-container,
.list-table-container .ant-table,
.list-table-container .ant-table-container {
min-width: 0;
}
.list-table-container .ant-table-wrapper {
flex: 1;
min-height: 0;
overflow: hidden;
}