fix: show copy buttons on touch devices (#1771)

thegreatalxx · thegreatalxx · commit 2e0000a78b0c · 2026-03-22T14:37:10.000-04:00
diff --git a/app/components/CopyToClipboardButton.vue b/app/components/CopyToClipboardButton.vue
@@ -85,8 +85,17 @@ function handleClick() {
 }
 
 @media (hover: none) {
+  /* On touch devices show the button statically (no hover possible) */
   .copyButton {
-    display: none;
+    clip: auto;
+    clip-path: none;
+    height: auto;
+    overflow: visible;
+    width: auto;
+    opacity: 1;
+    translate: none;
+    pointer-events: auto;
+    transition: none;
   }
 }
 </style>

Original file line number	Diff line number	Diff line change
`@@ -85,8 +85,17 @@ function handleClick() {`
`85`	`85`	`}`
`86`	`86`
`87`	`87`	`@media (hover: none) {`
	`88`	`+ /* On touch devices show the button statically (no hover possible) */`
`88`	`89`	`.copyButton {`
`89`		`- display: none;`
	`90`	`+ clip: auto;`
	`91`	`+ clip-path: none;`
	`92`	`+ height: auto;`
	`93`	`+ overflow: visible;`
	`94`	`+ width: auto;`
	`95`	`+ opacity: 1;`
	`96`	`+ translate: none;`
	`97`	`+ pointer-events: auto;`
	`98`	`+ transition: none;`
`90`	`99`	`}`
`91`	`100`	`}`
`92`	`101`	`</style>`