You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
npmx uses `cursor-pointer` only for links. For all other elements, including buttons, use the default cursor (_or other appropriate cursors to show state_).
365
-
366
-
**What counts as a link**
367
-
368
-
A link is any element that change or show meaningful content:
369
-
370
-
-**Not meaningful content:** burger menu, "likes" button - the user does not get substantive information from them.
371
-
-**Meaningful content:** a dialog with a chart, auth button, tabs with new data—they convey new or important information.
372
-
373
-
> [!IMPORTANT]
374
-
> Always prefer implementing such changes as real links so they can be opened in a new tab, shared or reloaded, and so the same content is available at a stable URL.
375
-
376
360
#### Package routes
377
361
378
362
For package links, use the auto-imported `packageRoute()` utility from `app/utils/router.ts`. It handles scoped/unscoped packages and optional versions:
@@ -409,6 +393,22 @@ For package links, use the auto-imported `packageRoute()` utility from `app/util
409
393
|`~username`|`/~:username`|`username`|
410
394
|`~username-orgs`|`/~:username/orgs`|`username`|
411
395
396
+
### Cursor and navigation
397
+
398
+
We prefer consistency in user everyday experience
399
+
400
+
npmx uses `cursor-pointer` only for links. For all other elements, including buttons, use the default cursor (_or other appropriate cursors to show state_).
401
+
402
+
**What counts as a link**
403
+
404
+
A link is any element that change or show meaningful content:
405
+
406
+
-**Not meaningful content:** burger menu, "likes" button - the user does not get substantive information from them.
407
+
-**Meaningful content:** a dialog with a chart, auth button, tabs with new data—they convey new or important information.
408
+
409
+
> [!IMPORTANT]
410
+
> Always prefer implementing such changes as real links so they can be opened in a new tab, shared or reloaded, and so the same content is available at a stable URL.
411
+
412
412
## RTL Support
413
413
414
414
We support `right-to-left` languages, we need to make sure that the UI is working correctly in both directions.
0 commit comments