[field] Only show RevertChangesButton label on hover (if mouse-device)

sanity-io · Oct 6, 2020 · fd47139 · fd47139
1 parent a4fe2e4
commit fd47139
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/@sanity/field/src/diff/components/RevertChangesButton.css b/packages/@sanity/field/src/diff/components/RevertChangesButton.css
@@ -45,4 +45,13 @@
   @nest .iconContainer + & {
     margin-left: var(--extra-small-padding);
   }
+
+  @media (hover: hover) {
+    opacity: 0;
+    transition: opacity 100ms;
+
+    @nest .root:hover & {
+      opacity: 1;
+    }
+  }
 }