/* TechDocs 自定义样式 - 只保留生效的部分 */ /* 移除 TechDocs 页面的双层 padding */ @media (min-width: 600px) { div[class*="BackstageContent-root"] { padding-left: 0 !important; padding-right: 0 !important; } } /* 针对 Entity 页面中的 TechDocs tab */ [data-testid="techdocs-content"] { margin: -24px !important; } /* =========================== 全局表格样式精细化调整 MUI v4 JSS 生成的 class 带数字后缀（如 MuiTableCell-sizeSmall-6189） 需要用属性选择器通配匹配 =========================== */ td[class*="MuiTableCell-sizeSmall"] { padding: 8px 8px !important; } th[class*="MuiTableCell-sizeSmall"] { padding: 10px 8px !important; } /* Tags 列 chip 横排 */ td[class*="MuiTableCell"] .MuiChip-root { display: inline-flex; margin: 2px !important; } /* Tags 列单元格用 flex 包起来，横排 + 折行 */ td[class*="MuiTableCell"] > span, td[class*="MuiTableCell"] > div { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; } /* Actions 列按钮横排不换行 */ td[class*="MuiTableCell"]:last-child > div { flex-wrap: nowrap; gap: 0; } /* =========================== 修复 SidebarSubmenu 浅色主题深色背景问题（仅 light 模式） 根因: RHDH 浅色主题 navigation.submenu.background 为 "#222427"（深色）， 导致展开的 My Groups 等子菜单黑底黑字。 方案: - Root 组件通过 useTheme() 检测主题模式，在 上设置 data-theme="light|dark" - CSS 用 html[data-theme="light"] 前缀，确保只在浅色模式覆盖 - 使用 data-testid 选择器，确保生产构建（class 名混淆）也能匹配 =========================== */ /* submenu 弹出面板背景色 - 仅 light 模式 */ html[data-theme="light"] [data-testid="item-with-submenu"] > div:last-child { background-color: #ffffff !important; } /* submenu 内文字颜色 - 仅 light 模式 */ html[data-theme="light"] [data-testid="item-with-submenu"] > div:last-child a, html[data-theme="light"] [data-testid="item-with-submenu"] > div:last-child span { color: #333333 !important; } /* submenu 标题 - 仅 light 模式 */ html[data-theme="light"] [data-testid="item-with-submenu"] > div:last-child > span:first-child { color: #151515 !important; } /* submenu 菜单项悬停效果 - 仅 light 模式 */ html[data-theme="light"] [data-testid="item-with-submenu"] > div:last-child a:hover { background-color: rgba(0, 0, 0, 0.04) !important; } /*# sourceMappingURL=main.d34597be.css.map*/