Use cursor: pointer by default on buttons (#39342)

Nicolapps · Convex, Inc. · commit c4418daf82bb · 2025-07-23T00:03:09.000Z
GitOrigin-RevId: 98ea42f74d6847c06f1ebf219f851580ec3063fb
diff --git a/npm-packages/@convex-dev/design-system/src/styles/shared.css b/npm-packages/@convex-dev/design-system/src/styles/shared.css
@@ -412,6 +412,12 @@ html.dark {
     @apply font-semibold;
   }
 
+  /* Restore the pre-Tailwind 4 cursor style */
+  button:not(:disabled),
+  [role="button"]:not(:disabled) {
+    cursor: pointer;
+  }
+
   /* Position the toast close button on the top right corner so that it draws less attention */
   html [data-sonner-toaster][dir="ltr"] {
     --toast-close-button-start: unset;
@@ -447,6 +453,7 @@ html.dark {
       dark:text-red-200;
   }
 }
+
 /* Used for elements that need to fade in to a specific opacity
    this can't be defined in the tailwind config because you cannot interpolate 
    variables in tailwind keyframes.

Original file line number	Diff line number	Diff line change
`@@ -412,6 +412,12 @@ html.dark {`
`412`	`412`	`@apply font-semibold;`
`413`	`413`	`}`
`414`	`414`
	`415`	`+ /* Restore the pre-Tailwind 4 cursor style */`
	`416`	`+ button:not(:disabled),`
	`417`	`+ [role="button"]:not(:disabled) {`
	`418`	`+ cursor: pointer;`
	`419`	`+ }`
	`420`	`+`
`415`	`421`	`/* Position the toast close button on the top right corner so that it draws less attention */`
`416`	`422`	`html [data-sonner-toaster][dir="ltr"] {`
`417`	`423`	`--toast-close-button-start: unset;`
`@@ -447,6 +453,7 @@ html.dark {`
`447`	`453`	`dark:text-red-200;`
`448`	`454`	`}`
`449`	`455`	`}`
	`456`	`+`
`450`	`457`	`/* Used for elements that need to fade in to a specific opacity`
`451`	`458`	`this can't be defined in the tailwind config because you cannot interpolate`
`452`	`459`	`variables in tailwind keyframes.`