/* 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; } .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; 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); }