ant-design/components/dropdown/style/status.ts
Wuxh 5f40fe874b
fix: dropdown menu style issue (#39904)
* fix: dropdown menu item in danger

Disable dropdown menu item when type is equal to danger

increase disabled CSS specificity

remove unnecessary changes

fix: remove reordering functions

Remove reordering functions by increasing `disable` class on line 350 CSS specificity

Revert "fix: remove reordering functions "

This reverts commit bd94daaddf973f5f8ef1641ea3081f5aab2fc3a2.

* chore: update style

* chore: update demo

ref: https://github.com/ant-design/ant-design/issues/39322

* test: update snapshot

Co-authored-by: samyar <75088294+samyarkd@users.noreply.github.com>
2022-12-29 21:08:45 +08:00

26 lines
657 B
TypeScript

import type { DropdownToken } from '.';
import type { GenerateStyle } from '../../theme/internal';
const genStatusStyle: GenerateStyle<DropdownToken> = (token) => {
const { componentCls, menuCls, colorError, colorTextLightSolid } = token;
const itemCls = `${menuCls}-item`;
return {
[`${componentCls}, ${componentCls}-menu-submenu`]: {
[`${menuCls} ${itemCls}`]: {
[`&${itemCls}-danger:not(${itemCls}-disabled)`]: {
color: colorError,
'&:hover': {
color: colorTextLightSolid,
backgroundColor: colorError,
},
},
},
},
};
};
export default genStatusStyle;