Add hover glow to buttons in portrait example

THEOplayer · Nov 22, 2023 · 42d4808 · 42d4808
1 parent ed61669
commit 42d4808
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/docs/examples/portrait.css b/docs/examples/portrait.css
@@ -69,6 +69,13 @@ theoplayer-time-range {
     --theoplayer-range-padding: 5px;
 }
 
+/**
+ * Our custom buttons use an icon font, so apply a text shadow (instead of an SVG filter) for their hover glow.
+ */
+theoplayer-button:hover {
+    text-shadow: var(--theoplayer-button-hover-icon-shadow, 0 0 4px rgba(255, 255, 255, 0.5));
+}
+
 /*
  * Hide all controls before first play, except for the center play button
  */