From 87a635ed326908f83ccc5ff030fedf74c22e0e80 Mon Sep 17 00:00:00 2001
From: Penar Musaraj <pmusaraj@gmail.com>
Date: Tue, 17 Oct 2023 10:25:57 -0400
Subject: [PATCH] UX: Fix icon color for video placeholder (#23957)

Also adds a small effect on hover.
---
 app/assets/stylesheets/common/base/onebox.scss | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/app/assets/stylesheets/common/base/onebox.scss b/app/assets/stylesheets/common/base/onebox.scss
index 2aa64ade0b4..de148ed4921 100644
--- a/app/assets/stylesheets/common/base/onebox.scss
+++ b/app/assets/stylesheets/common/base/onebox.scss
@@ -934,6 +934,17 @@ aside.onebox.mixcloud-preview {
     background-repeat: no-repeat;
     background-position: center;
     max-width: 30%;
+    .d-icon {
+      color: var(--secondary);
+      height: 2em;
+      width: 2em;
+      transition: width 0.15s, height 0.15s;
+    }
+  }
+
+  &:hover .video-placeholder-overlay .d-icon {
+    height: 3em;
+    width: 3em;
   }
 }