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）。
19 lines
2.2 KiB
CSS
19 lines
2.2 KiB
CSS
/* Aurora Admin RangeQuickPicker 样式 — 日期范围 + 快捷选项 */
|
|
.aa-range { position: relative; display: inline-block; font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); }
|
|
.aa-range-trigger { display: flex; align-items: center; gap: 8px; border: 1px solid var(--au-color-border); border-radius: 6px; padding: 0 10px; height: 36px; background: var(--au-color-card-bg); cursor: pointer; color: var(--au-color-text-body); font-size: 14px; min-width: 220px; }
|
|
.aa-range-trigger.is-focus { border-color: var(--au-color-brand); box-shadow: 0 0 0 3px rgba(47,84,235,0.2); }
|
|
.aa-range-trigger .aa-range-sep { color: var(--au-color-text-secondary); }
|
|
.aa-range-placeholder { color: var(--au-color-text-placeholder); }
|
|
.aa-range-pop { position: absolute; top: 42px; left: 0; z-index: 20; background: var(--au-color-card-bg); border: 1px solid var(--au-color-border); border-radius: 8px; box-shadow: 0 6px 24px rgba(0,0,0,0.12); padding: 12px; width: 300px; }
|
|
.aa-range-presets { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
|
|
.aa-range-preset { padding: 4px 10px; border: 1px solid var(--au-color-border); border-radius: 4px; font-size: 13px; cursor: pointer; color: var(--au-color-text-tertiary); background: var(--au-color-card-bg); }
|
|
.aa-range-preset:hover { border-color: #B7C4FF; }
|
|
.aa-range-preset.is-active { border-color: var(--au-color-brand); color: var(--au-color-brand); background: var(--au-color-brand-bg); }
|
|
.aa-range-custom { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
|
|
.aa-range-custom input { border: 1px solid var(--au-color-border); border-radius: 4px; padding: 5px 8px; font-size: 13px; color: var(--au-color-text-body); }
|
|
.aa-range-custom .aa-range-tilde { color: var(--au-color-text-secondary); }
|
|
.aa-range-actions { text-align: end; }
|
|
.aa-range-actions button { border: none; border-radius: 4px; padding: 5px 14px; font-size: 13px; cursor: pointer; }
|
|
.aa-range-actions .aa-range-ok { background: var(--au-color-brand); color: var(--au-color-text-inverse); }
|
|
.aa-range-actions .aa-range-cancel { background: var(--au-color-disabled-bg); color: var(--au-color-text-tertiary); margin-inline-end: 8px; }
|