Skip to content

Commit 93c76d0

Browse files
committed
Always show copy button on touch devices
Button was invisible on mobile and tablet. Adds @media (hover: none) rule so it shows where hover isn't available as a primary input.
1 parent 2e06bac commit 93c76d0

1 file changed

Lines changed: 7 additions & 1 deletion

File tree

main.css

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -319,7 +319,7 @@ pre > code:focus {
319319
} */
320320

321321
/* Code */
322-
/* .highlight .hll { background-color: #ffc;
322+
/* .highlight .hll { background-color: #ffc;
323323
.highlight .c { color: #999; }
324324
.highlight .err { color: #a00; background-color: #faa }
325325
.highlight .k { color: #069; }
@@ -731,3 +731,9 @@ pre:hover .copy-btn,
731731
.copy-btn:hover {
732732
background: rgba(171, 178, 191, 0.1);
733733
}
734+
735+
@media (hover: none) {
736+
.copy-btn {
737+
opacity: 1;
738+
}
739+
}

0 commit comments

Comments
 (0)