admin: pointer cursor on every button
the shared button variants set no cursor, so only components with local one-off styles showed pointer. all nine variants and the six buttons styled outside them now carry pointer, with not-allowed when disabled.
This commit is contained in:
@@ -88,6 +88,7 @@ const styles = stylex.create({
|
|||||||
lineHeight: "1.25rem",
|
lineHeight: "1.25rem",
|
||||||
},
|
},
|
||||||
dismiss: {
|
dismiss: {
|
||||||
|
cursor: { default: "pointer", ":disabled": "not-allowed" },
|
||||||
borderStyle: "none",
|
borderStyle: "none",
|
||||||
backgroundColor: "transparent",
|
backgroundColor: "transparent",
|
||||||
padding: 0,
|
padding: 0,
|
||||||
|
|||||||
@@ -65,6 +65,7 @@ const styles = stylex.create({
|
|||||||
width: "5rem",
|
width: "5rem",
|
||||||
},
|
},
|
||||||
removeButton: {
|
removeButton: {
|
||||||
|
cursor: { default: "pointer", ":disabled": "not-allowed" },
|
||||||
borderRadius: "0.25rem",
|
borderRadius: "0.25rem",
|
||||||
borderWidth: 1,
|
borderWidth: 1,
|
||||||
borderStyle: "solid",
|
borderStyle: "solid",
|
||||||
|
|||||||
@@ -100,6 +100,7 @@ const styles = stylex.create({
|
|||||||
gap: "0.75rem",
|
gap: "0.75rem",
|
||||||
},
|
},
|
||||||
save: {
|
save: {
|
||||||
|
cursor: { default: "pointer", ":disabled": "not-allowed" },
|
||||||
borderStyle: "none",
|
borderStyle: "none",
|
||||||
borderRadius: "0.25rem",
|
borderRadius: "0.25rem",
|
||||||
paddingInline: "1rem",
|
paddingInline: "1rem",
|
||||||
|
|||||||
@@ -38,6 +38,7 @@ const styles = stylex.create({
|
|||||||
gap: "0.25rem",
|
gap: "0.25rem",
|
||||||
},
|
},
|
||||||
period: {
|
period: {
|
||||||
|
cursor: { default: "pointer", ":disabled": "not-allowed" },
|
||||||
borderStyle: "none",
|
borderStyle: "none",
|
||||||
borderRadius: "0.25rem",
|
borderRadius: "0.25rem",
|
||||||
paddingInline: "0.625rem",
|
paddingInline: "0.625rem",
|
||||||
|
|||||||
@@ -82,6 +82,7 @@ const styles = stylex.create({
|
|||||||
boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
|
boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
|
||||||
},
|
},
|
||||||
menuItem: {
|
menuItem: {
|
||||||
|
cursor: { default: "pointer", ":disabled": "not-allowed" },
|
||||||
borderStyle: "none",
|
borderStyle: "none",
|
||||||
backgroundColor: { default: "transparent", ":hover": colors.surfaceHover },
|
backgroundColor: { default: "transparent", ":hover": colors.surfaceHover },
|
||||||
color: "inherit",
|
color: "inherit",
|
||||||
|
|||||||
@@ -12,6 +12,7 @@ const styles = stylex.create({
|
|||||||
color: colors.danger,
|
color: colors.danger,
|
||||||
},
|
},
|
||||||
retry: {
|
retry: {
|
||||||
|
cursor: { default: "pointer", ":disabled": "not-allowed" },
|
||||||
borderStyle: "none",
|
borderStyle: "none",
|
||||||
backgroundColor: "transparent",
|
backgroundColor: "transparent",
|
||||||
padding: 0,
|
padding: 0,
|
||||||
|
|||||||
@@ -67,6 +67,7 @@ const styles = stylex.create({
|
|||||||
marginTop: "1.5rem",
|
marginTop: "1.5rem",
|
||||||
},
|
},
|
||||||
dangerButton: {
|
dangerButton: {
|
||||||
|
cursor: { default: "pointer", ":disabled": "not-allowed" },
|
||||||
borderRadius: "0.25rem",
|
borderRadius: "0.25rem",
|
||||||
borderStyle: "none",
|
borderStyle: "none",
|
||||||
backgroundColor: colors.danger,
|
backgroundColor: colors.danger,
|
||||||
|
|||||||
@@ -60,6 +60,7 @@ export const styles = stylex.create({
|
|||||||
},
|
},
|
||||||
|
|
||||||
button: {
|
button: {
|
||||||
|
cursor: { default: "pointer", [DISABLED]: "not-allowed" },
|
||||||
borderRadius: "0.25rem",
|
borderRadius: "0.25rem",
|
||||||
borderWidth: 1,
|
borderWidth: 1,
|
||||||
borderStyle: "solid",
|
borderStyle: "solid",
|
||||||
@@ -70,6 +71,7 @@ export const styles = stylex.create({
|
|||||||
lineHeight: "1.25rem",
|
lineHeight: "1.25rem",
|
||||||
},
|
},
|
||||||
smallButton: {
|
smallButton: {
|
||||||
|
cursor: { default: "pointer", [DISABLED]: "not-allowed" },
|
||||||
borderRadius: "0.25rem",
|
borderRadius: "0.25rem",
|
||||||
borderWidth: 1,
|
borderWidth: 1,
|
||||||
borderStyle: "solid",
|
borderStyle: "solid",
|
||||||
@@ -80,6 +82,7 @@ export const styles = stylex.create({
|
|||||||
lineHeight: "1.25rem",
|
lineHeight: "1.25rem",
|
||||||
},
|
},
|
||||||
largeButton: {
|
largeButton: {
|
||||||
|
cursor: { default: "pointer", [DISABLED]: "not-allowed" },
|
||||||
borderRadius: "0.25rem",
|
borderRadius: "0.25rem",
|
||||||
borderWidth: 1,
|
borderWidth: 1,
|
||||||
borderStyle: "solid",
|
borderStyle: "solid",
|
||||||
@@ -90,6 +93,7 @@ export const styles = stylex.create({
|
|||||||
},
|
},
|
||||||
|
|
||||||
primaryButton: {
|
primaryButton: {
|
||||||
|
cursor: { default: "pointer", [DISABLED]: "not-allowed" },
|
||||||
borderRadius: "0.25rem",
|
borderRadius: "0.25rem",
|
||||||
borderStyle: "none",
|
borderStyle: "none",
|
||||||
backgroundColor: colors.primary,
|
backgroundColor: colors.primary,
|
||||||
@@ -102,6 +106,7 @@ export const styles = stylex.create({
|
|||||||
opacity: { default: 1, [DISABLED]: 0.5 },
|
opacity: { default: 1, [DISABLED]: 0.5 },
|
||||||
},
|
},
|
||||||
largePrimaryButton: {
|
largePrimaryButton: {
|
||||||
|
cursor: { default: "pointer", [DISABLED]: "not-allowed" },
|
||||||
borderRadius: "0.25rem",
|
borderRadius: "0.25rem",
|
||||||
borderStyle: "none",
|
borderStyle: "none",
|
||||||
backgroundColor: colors.primary,
|
backgroundColor: colors.primary,
|
||||||
@@ -113,6 +118,7 @@ export const styles = stylex.create({
|
|||||||
},
|
},
|
||||||
|
|
||||||
rowButton: {
|
rowButton: {
|
||||||
|
cursor: { default: "pointer", [DISABLED]: "not-allowed" },
|
||||||
borderRadius: "0.25rem",
|
borderRadius: "0.25rem",
|
||||||
borderStyle: "none",
|
borderStyle: "none",
|
||||||
backgroundColor: "transparent",
|
backgroundColor: "transparent",
|
||||||
@@ -123,6 +129,7 @@ export const styles = stylex.create({
|
|||||||
color: colors.primaryOnSurface,
|
color: colors.primaryOnSurface,
|
||||||
},
|
},
|
||||||
linkButton: {
|
linkButton: {
|
||||||
|
cursor: { default: "pointer", [DISABLED]: "not-allowed" },
|
||||||
borderStyle: "none",
|
borderStyle: "none",
|
||||||
backgroundColor: "transparent",
|
backgroundColor: "transparent",
|
||||||
padding: 0,
|
padding: 0,
|
||||||
@@ -132,6 +139,7 @@ export const styles = stylex.create({
|
|||||||
color: colors.primaryOnSurface,
|
color: colors.primaryOnSurface,
|
||||||
},
|
},
|
||||||
dangerLinkButton: {
|
dangerLinkButton: {
|
||||||
|
cursor: { default: "pointer", [DISABLED]: "not-allowed" },
|
||||||
borderStyle: "none",
|
borderStyle: "none",
|
||||||
backgroundColor: "transparent",
|
backgroundColor: "transparent",
|
||||||
padding: 0,
|
padding: 0,
|
||||||
@@ -142,6 +150,7 @@ export const styles = stylex.create({
|
|||||||
opacity: { default: 1, [DISABLED]: 0.5 },
|
opacity: { default: 1, [DISABLED]: 0.5 },
|
||||||
},
|
},
|
||||||
retryButton: {
|
retryButton: {
|
||||||
|
cursor: { default: "pointer", [DISABLED]: "not-allowed" },
|
||||||
marginTop: "0.75rem",
|
marginTop: "0.75rem",
|
||||||
borderRadius: "0.25rem",
|
borderRadius: "0.25rem",
|
||||||
borderWidth: 1,
|
borderWidth: 1,
|
||||||
|
|||||||
Reference in New Issue
Block a user