2026-09-30 14:01:58 +08:00
|
|
|
/* Explicit opt-in for table row actions and their teleported overflow menu only. */
|
|
|
|
|
.admin-text-actions {
|
|
|
|
|
--admin-text-action-color: #1677ff;
|
|
|
|
|
--admin-text-action-danger: #dc2626;
|
|
|
|
|
}
|
2026-10-19 17:56:31 +08:00
|
|
|
.row-actions.admin-text-actions {
|
|
|
|
|
--cc-row-action-gap: calc(var(--admin-space-2, 6px) / 2);
|
|
|
|
|
--cc-list-action-sibling-margin: 0px;
|
|
|
|
|
gap: var(--cc-row-action-gap);
|
|
|
|
|
}
|
2026-09-30 14:01:58 +08:00
|
|
|
.row-actions.admin-text-actions .el-button.el-button {
|
|
|
|
|
--text-action-color: var(--admin-text-action-color);
|
|
|
|
|
--el-button-text-color: var(--text-action-color);
|
|
|
|
|
--el-button-hover-text-color: var(--text-action-color);
|
|
|
|
|
--el-button-active-text-color: var(--text-action-color);
|
|
|
|
|
--el-button-bg-color: transparent;
|
|
|
|
|
--el-button-hover-bg-color: transparent;
|
|
|
|
|
--el-button-active-bg-color: transparent;
|
|
|
|
|
--el-button-border-color: transparent;
|
|
|
|
|
--el-button-hover-border-color: transparent;
|
|
|
|
|
--el-button-active-border-color: transparent;
|
|
|
|
|
color: var(--text-action-color);
|
|
|
|
|
font-weight: 400;
|
2026-10-19 17:56:31 +08:00
|
|
|
padding-inline: calc(var(--admin-space-4, 10px) / 2);
|
2026-09-30 14:01:58 +08:00
|
|
|
border: 0;
|
|
|
|
|
background: transparent;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
.row-actions.admin-text-actions .el-button[data-tone="danger"],
|
|
|
|
|
.row-actions.admin-text-actions .el-button.el-button--danger {
|
|
|
|
|
--text-action-color: var(--admin-text-action-danger);
|
|
|
|
|
}
|
|
|
|
|
.row-actions.admin-text-actions .el-button.el-button:hover:not(:disabled),
|
|
|
|
|
.row-actions.admin-text-actions .el-button.el-button:active:not(:disabled) {
|
|
|
|
|
color: var(--text-action-color);
|
|
|
|
|
border-color: transparent;
|
|
|
|
|
background: transparent;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
.row-actions.admin-text-actions .el-button.el-button:focus-visible {
|
|
|
|
|
outline: 2px solid var(--text-action-color);
|
|
|
|
|
outline-offset: 2px;
|
|
|
|
|
}
|
|
|
|
|
.row-actions.admin-text-actions .el-button.el-button:is(:disabled, .is-disabled) {
|
|
|
|
|
color: var(--el-disabled-text-color, #a8abb2);
|
|
|
|
|
border-color: transparent;
|
|
|
|
|
background: transparent;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
.admin-text-actions.el-popper .el-dropdown-menu__item { color: var(--admin-text-action-color); font-weight: 400; text-decoration: none; }
|
|
|
|
|
.admin-text-actions.el-popper .el-dropdown-menu__item.danger-menu-item { color: var(--admin-text-action-danger); }
|
|
|
|
|
.admin-text-actions.el-popper .el-dropdown-menu__item.is-disabled { color: var(--el-disabled-text-color, #a8abb2); }
|
