IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

grafana-ui: Style disabled option for Select (#41464)

Browse Source
This commit is contained in:
Alex Khomenko 2021-11-09 17:00:08 +02:00 committed by GitHub
parent f6545ab8f4
commit 8d22733666
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/grafana-ui/src/components/Select/SelectMenu.tsx
View File

@ -47,7 +47,12 @@ export const SelectMenuOptions = React.forwardRef<HTMLDivElement, React.PropsWit
return (
<div
ref={ref}
className={cx(styles.option, isFocused && styles.optionFocused, isSelected && styles.optionSelected)}
className={cx(
styles.option,
isFocused && styles.optionFocused,
isSelected && styles.optionSelected,
data.isDisabled && styles.optionDisabled
)}
{...innerProps}
aria-label="Select option"
>

6
packages/grafana-ui/src/components/Select/getSelectStyles.ts
View File

@ -57,6 +57,12 @@ export const getSelectStyles = stylesFactory((theme: GrafanaTheme2) => {
optionSelected: css`
background: ${theme.colors.action.selected};
`,
optionDisabled: css`
label: grafana-select-option-disabled;
background-color: ${theme.colors.action.disabledBackground};
color: ${theme.colors.action.disabledText};
cursor: not-allowed;
`,
singleValue: css`
label: grafana-select-single-value;
color: ${theme.components.input.text};