aurora-admin
7e3d442dab
P7: tests/_behaviors.js新建（8动词+@input/@doc定位+同步pump+page-load
幂等缓存）; _runtime聚合+重载清缓存; _template引入; 6演示页标注;
79测试页重生成。关键修：runner兜底重跑致行为二轮误报，加缓存解决。
P8: tools/migrate-rtl.mjs新建（白名单dry-run/--write）; 28个CSS转逻辑
属性；物理清零（排除auto/拼接/居中14处人工例外）；三页RTL零溢出。
回归：100%（79/79页，1009/1009断言，N/A 35）。
29 lines
2.3 KiB
CSS
29 lines
2.3 KiB
CSS
/* Aurora Admin TimelineList 样式 — 对齐 组件7.txt TimelineList：左侧时间线 + 右侧内容，节点状态 完成/进行中/错误 */
|
|
|
|
.aa-timeline { font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); color: var(--au-color-text-body); }
|
|
.aa-timeline-item { position: relative; }
|
|
.aa-timeline-node {
|
|
position: absolute; left: 5px; top: 4px; width: 10px; height: 10px; border-radius: 50%;
|
|
background: var(--au-color-card-bg); border: 2px solid var(--au-color-border); box-sizing: border-box; z-index: 1;
|
|
}
|
|
.aa-timeline-line { position: absolute; left: 9px; top: 16px; bottom: -10px; width: 2px; background: var(--au-color-border); }
|
|
.aa-timeline-content { padding: 0 0 20px 28px; }
|
|
.aa-timeline-time { font-size: 12px; color: var(--au-color-text-secondary); }
|
|
.aa-timeline-title { font-size: 14px; font-weight: 500; color: var(--au-color-text-title); margin-top: 2px; }
|
|
.aa-timeline-desc { font-size: 13px; color: var(--au-color-text-secondary); margin-top: 4px; line-height: 1.5; }
|
|
|
|
/* 状态：完成 done / 进行中 active / 错误 error / 待处理 pending */
|
|
.aa-timeline-item.is-done > .aa-timeline-node { background: var(--au-color-brand); border-color: var(--au-color-brand); }
|
|
.aa-timeline-item.is-done > .aa-timeline-line { background: var(--au-color-brand); }
|
|
.aa-timeline-item.is-active > .aa-timeline-node { background: var(--au-color-card-bg); border-color: var(--au-color-brand); box-shadow: 0 0 0 3px rgba(47,84,235,0.2); }
|
|
.aa-timeline-item.is-error > .aa-timeline-node { background: var(--au-color-error); border-color: var(--au-color-error); }
|
|
.aa-timeline-item.is-error > .aa-timeline-line { background: var(--au-color-error); }
|
|
.aa-timeline-item.is-pending > .aa-timeline-node { background: var(--au-color-card-bg); border-color: var(--au-color-border); }
|
|
|
|
/* 水平模式 */
|
|
.aa-timeline.is-horizontal { display: flex; }
|
|
.aa-timeline.is-horizontal > .aa-timeline-item { flex: 1; padding-inline-end: 8px; }
|
|
.aa-timeline.is-horizontal > .aa-timeline-item > .aa-timeline-node { top: 4px; }
|
|
.aa-timeline.is-horizontal > .aa-timeline-item > .aa-timeline-line { left: 15px; top: 9px; bottom: auto; right: 0; width: auto; height: 2px; }
|
|
.aa-timeline.is-horizontal > .aa-timeline-item > .aa-timeline-content { padding: 22px 12px 0 0; }
|