mokhtar/nxdns
1
0
Fork 0
Code Pull Requests Actions Packages Releases 8 Activity

admin: pointer cursor on every button

Browse Source 
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:
mokhtar
2026-08-29 01:29:11 +02:00
parent 09932b2d84
commit d5613ee718
8 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin/src/features/activity/LiveActivity.tsx
+1
View File
@@ -88,6 +88,7 @@ const styles = stylex.create({
lineHeight: "1.25rem",
},
dismiss: {
cursor: { default: "pointer", ":disabled": "not-allowed" },
borderStyle: "none",
backgroundColor: "transparent",
padding: 0,
admin/src/features/clients/NetworkAssignments.tsx
+1
View File
@@ -65,6 +65,7 @@ const styles = stylex.create({
width: "5rem",
},
removeButton: {
cursor: { default: "pointer", ":disabled": "not-allowed" },
borderRadius: "0.25rem",
borderWidth: 1,
borderStyle: "solid",
admin/src/features/configuration/SettingsForm.tsx
+1
View File
@@ -100,6 +100,7 @@ const styles = stylex.create({
gap: "0.75rem",
},
save: {
cursor: { default: "pointer", ":disabled": "not-allowed" },
borderStyle: "none",
borderRadius: "0.25rem",
paddingInline: "1rem",
admin/src/features/overview/OverviewFrame.tsx
+1
View File
@@ -38,6 +38,7 @@ const styles = stylex.create({
gap: "0.25rem",
},
period: {
cursor: { default: "pointer", ":disabled": "not-allowed" },
borderStyle: "none",
borderRadius: "0.25rem",
paddingInline: "0.625rem",
admin/src/features/pause/PauseControl.tsx
+1
View File
@@ -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)",
},
menuItem: {
cursor: { default: "pointer", ":disabled": "not-allowed" },
borderStyle: "none",
backgroundColor: { default: "transparent", ":hover": colors.surfaceHover },
color: "inherit",
admin/src/lib/InlineError.tsx
+1
View File
@@ -12,6 +12,7 @@ const styles = stylex.create({
color: colors.danger,
},
retry: {
cursor: { default: "pointer", ":disabled": "not-allowed" },
borderStyle: "none",
backgroundColor: "transparent",
padding: 0,
admin/src/ui/ConfirmDialog.tsx
+1
View File
@@ -67,6 +67,7 @@ const styles = stylex.create({
marginTop: "1.5rem",
},
dangerButton: {
cursor: { default: "pointer", ":disabled": "not-allowed" },
borderRadius: "0.25rem",
borderStyle: "none",
backgroundColor: colors.danger,
admin/src/ui/styles.ts
+9
View File
@@ -60,6 +60,7 @@ export const styles = stylex.create({
},
button: {
cursor: { default: "pointer", [DISABLED]: "not-allowed" },
borderRadius: "0.25rem",
borderWidth: 1,
borderStyle: "solid",
@@ -70,6 +71,7 @@ export const styles = stylex.create({
lineHeight: "1.25rem",
},
smallButton: {
cursor: { default: "pointer", [DISABLED]: "not-allowed" },
borderRadius: "0.25rem",
borderWidth: 1,
borderStyle: "solid",
@@ -80,6 +82,7 @@ export const styles = stylex.create({
lineHeight: "1.25rem",
},
largeButton: {
cursor: { default: "pointer", [DISABLED]: "not-allowed" },
borderRadius: "0.25rem",
borderWidth: 1,
borderStyle: "solid",
@@ -90,6 +93,7 @@ export const styles = stylex.create({
},
primaryButton: {
cursor: { default: "pointer", [DISABLED]: "not-allowed" },
borderRadius: "0.25rem",
borderStyle: "none",
backgroundColor: colors.primary,
@@ -102,6 +106,7 @@ export const styles = stylex.create({
opacity: { default: 1, [DISABLED]: 0.5 },
},
largePrimaryButton: {
cursor: { default: "pointer", [DISABLED]: "not-allowed" },
borderRadius: "0.25rem",
borderStyle: "none",
backgroundColor: colors.primary,
@@ -113,6 +118,7 @@ export const styles = stylex.create({
},
rowButton: {
cursor: { default: "pointer", [DISABLED]: "not-allowed" },
borderRadius: "0.25rem",
borderStyle: "none",
backgroundColor: "transparent",
@@ -123,6 +129,7 @@ export const styles = stylex.create({
color: colors.primaryOnSurface,
},
linkButton: {
cursor: { default: "pointer", [DISABLED]: "not-allowed" },
borderStyle: "none",
backgroundColor: "transparent",
padding: 0,
@@ -132,6 +139,7 @@ export const styles = stylex.create({
color: colors.primaryOnSurface,
},
dangerLinkButton: {
cursor: { default: "pointer", [DISABLED]: "not-allowed" },
borderStyle: "none",
backgroundColor: "transparent",
padding: 0,
@@ -142,6 +150,7 @@ export const styles = stylex.create({
opacity: { default: 1, [DISABLED]: 0.5 },
},
retryButton: {
cursor: { default: "pointer", [DISABLED]: "not-allowed" },
marginTop: "0.75rem",
borderRadius: "0.25rem",
borderWidth: 1,