diff --git a/src/components/Icon/Icon.scss b/src/components/Icon/Icon.scss index edc60f0841..533e12a5c0 100644 --- a/src/components/Icon/Icon.scss +++ b/src/components/Icon/Icon.scss @@ -3,7 +3,6 @@ $block: '.#{variables.$ns}icon'; #{$block} { - color: inherit; line-height: 0; vertical-align: top; } diff --git a/src/components/Select/components/SelectList/OptionWrap.tsx b/src/components/Select/components/SelectList/OptionWrap.tsx index 054aa99f8f..83654556af 100644 --- a/src/components/Select/components/SelectList/OptionWrap.tsx +++ b/src/components/Select/components/SelectList/OptionWrap.tsx @@ -20,8 +20,12 @@ type OptionWrapProps = { }; const DefaultOption = ({option}: DefaultOptionProps) => { - const {content, children, disabled} = option; - return {content || children}; + const {content, children, disabled, title} = option; + return ( + + {content || children} + + ); }; export const OptionWrap = (props: OptionWrapProps) => { diff --git a/styles/styles.scss b/styles/styles.scss index 7783e114d6..606042482b 100644 --- a/styles/styles.scss +++ b/styles/styles.scss @@ -73,3 +73,18 @@ :root:has(body.g-root_theme_dark-hc) { color-scheme: dark; } + +@media (prefers-reduced-motion: reduce) { + *, + *::before, + *::after { + /* stylelint-disable-next-line declaration-no-important */ + scroll-behavior: auto !important; + /* stylelint-disable-next-line declaration-no-important */ + transition-duration: 0.001ms !important; + /* stylelint-disable-next-line declaration-no-important */ + animation-duration: 0.001ms !important; + /* stylelint-disable-next-line declaration-no-important */ + animation-iteration-count: 1 !important; + } +}