@wells-nelson/displays 1.0.4 → 1.1.1

package/README.md

@@ -21,9 +21,9 @@ Tokens: `--bg`, `--surface`, `--surface-2`, `--surface-hover`, `--text`, `--mute
 drag-and-drop classes. Keep app-only tokens in the app's own stylesheet.
 
 Date and time inputs (`date`, `time`, `datetime-local`) match the text inputs, and on iOS keep a
-fixed size whatever their value. On touch screens text can't be selected (a long press acts like an
-app, not a page), except in fields and anything marked `.selectable`; `Leaderboards` and
-`SortableTable` are.
+fixed size whatever their value. Apps that put `class="touch-app"` on `<html>` get app-like touch
+screens: text can't be selected (a long press acts on the control), except in fields and anything
+marked `.selectable`; `Leaderboards` and `SortableTable` are. Websites leave it off.
 
 ## Icons
 

package/dist/theme.css

@@ -157,20 +157,21 @@ button {
 }
 
 /*
- * Touch screens: text can't be selected by accident (a long press selects instead of acting like
- * an app). Fields, and anything marked `.selectable` (reports, tables, logs), still can.
- * `Leaderboards` and `SortableTable` are selectable.
+ * Apps (`<html class="touch-app">`) on touch screens: text can't be selected by accident (a long
+ * press selects instead of acting on the control). Fields, and anything marked `.selectable`
+ * (reports, tables, logs), still can; `Leaderboards` and `SortableTable` are. Websites leave the
+ * class off and keep normal selection.
  */
 @media (hover: none) and (pointer: coarse) {
-	body {
+	.touch-app body {
 		-webkit-user-select: none;
 		user-select: none;
 		-webkit-touch-callout: none;
 	}
-	input,
-	textarea,
-	[contenteditable],
-	.selectable {
+	.touch-app input,
+	.touch-app textarea,
+	.touch-app [contenteditable],
+	.touch-app .selectable {
 		-webkit-user-select: text;
 		user-select: text;
 		-webkit-touch-callout: default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wells-nelson/displays",
-  "version": "1.0.4",
+  "version": "1.1.1",
   "description": "Svelte 5 display components and theme CSS shared by Wells Nelson apps.",
   "license": "MIT",
   "repository": {