35 lines
1.5 KiB
CSS
35 lines
1.5 KiB
CSS
.help-icon { opacity: .7; cursor: help; }
|
|
.edit-btn {
|
|
border: none; background: transparent; cursor: pointer;
|
|
padding: 4px; border-radius: 6px;
|
|
}
|
|
.edit-btn:focus-visible { outline: 2px solid #4c9ffe; }
|
|
.edit-btn svg { width: 16px; height: 16px; display: block; }
|
|
|
|
/* title_change_modal */
|
|
.title_change_modal-backdrop {
|
|
position: fixed; inset: 0; background: rgba(0,0,0,.35);
|
|
display: flex; align-items: center; justify-content: center; z-index: 9999;
|
|
}
|
|
.title_change_modal {
|
|
width: min(520px, 92vw); background: #fff; border-radius: 12px; padding: 16px;
|
|
box-shadow: 0 10px 30px rgba(0,0,0,.25);
|
|
}
|
|
.title_change_modal h3 { margin: 0 0 10px; font-size: 16px; }
|
|
.title_change_modal .field { display: flex; flex-direction: column; gap: 6px; }
|
|
.title_change_modal input[type="text"] {
|
|
padding: 8px 10px; border: 1px solid #ccc; border-radius: 8px; font-size: 14px;
|
|
}
|
|
.title_change_modal .error {
|
|
color: #c62828; font-size: 12px; min-height: 1.2em; /* 占位避免跳动 */
|
|
}
|
|
.title_change_modal .actions {
|
|
margin-top: 12px; display: flex; gap: 8px; justify-content: flex-end;
|
|
}
|
|
.btn {
|
|
padding: 6px 12px; border-radius: 8px; border: 1px solid #d0d0d0; background: #f6f6f6; cursor: pointer;
|
|
}
|
|
.btn.primary { background: #2563eb; color: #fff; border-color: #2563eb; }
|
|
.btn:focus-visible { outline: 2px solid #4c9ffe; }
|
|
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
|