15 lines
1.5 KiB
CSS
15 lines
1.5 KiB
CSS
/* Aurora Admin Mention 样式 — @ 提及 */
|
|
.aa-mention { font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); position: relative; width: 360px; }
|
|
.aa-mention-area { position: relative; }
|
|
.aa-mention-input { width: 100%; box-sizing: border-box; border: 1px solid #E8ECF1; border-radius: 6px; padding: 8px 10px; font-size: 14px; color: #262626; outline: none; resize: vertical; transition: border-color .15s, box-shadow .15s; }
|
|
.aa-mention-input:focus { border-color: #2F54EB; box-shadow: 0 0 0 3px rgba(47,84,235,0.2); }
|
|
.aa-mention-panel { position: absolute; z-index: 30; background: #fff; border: 1px solid #E8ECF1; border-radius: 6px; box-shadow: 0 6px 24px rgba(0,0,0,0.12); width: 240px; max-height: 220px; overflow: auto; }
|
|
.aa-mention-item { display: flex; align-items: center; gap: 8px; padding: 7px 10px; cursor: pointer; }
|
|
.aa-mention-item:hover, .aa-mention-item.is-active { background: #F0F5FF; }
|
|
.aa-mention-avatar { width: 24px; height: 24px; border-radius: 50%; background: #2F54EB; color: #fff; font-size: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
|
|
.aa-mention-name { font-size: 13px; color: #262626; }
|
|
.aa-mention-dept { font-size: 12px; color: #8C8C8C; margin-left: auto; }
|
|
.aa-mention-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
|
|
.aa-mention-chip { display: inline-flex; align-items: center; gap: 4px; background: #F0F5FF; color: #2F54EB; border-radius: 4px; padding: 2px 8px; font-size: 12px; }
|
|
.aa-mention-chip b { cursor: pointer; font-weight: 600; }
|