mirrors/zed
1
0
Fork 0
mirror of https://github.com/zed-industries/zed.git synced 2024-10-24 15:42:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

Add disabled as an option on text_button

Browse source
This commit is contained in:
Nate Butler 2023-08-29 13:40:46 -04:00
parent 05da4b740a
commit f6faeea720
1 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
styles/src/component/text_button.ts
View file

@ -17,6 +17,7 @@ interface TextButtonOptions {
variant?: Button.Variant
color?: keyof Theme["lowest"]
margin?: Partial<Margin>
disabled?: boolean
text_properties?: TextProperties
}
@ -29,6 +30,7 @@ export function text_button({
color,
layer,
margin,
disabled,
text_properties,
}: TextButtonOptions = {}) {
const theme = useTheme()
@ -65,13 +67,17 @@ export function text_button({
state: {
default: {
background: background_color,
color: foreground(layer ?? theme.lowest, color),
color:
disabled
? foreground(layer ?? theme.lowest, "disabled")
: foreground(layer ?? theme.lowest, color),
},
hovered: {
background: background(layer ?? theme.lowest, color, "hovered"),
color: foreground(layer ?? theme.lowest, color, "hovered"),
},
clicked: {
hovered:
disabled ? {} : {
background: background(layer ?? theme.lowest, color, "hovered"),
color: foreground(layer ?? theme.lowest, color, "hovered"),
},
clicked: disabled ? {} : {
background: background(layer ?? theme.lowest, color, "pressed"),
color: foreground(layer ?? theme.lowest, color, "pressed"),
},