From c90488b9170b8d15a8caf8ce3c265073d32f9fb9 Mon Sep 17 00:00:00 2001
From: Blake Erickson <o.blakeerickson@gmail.com>
Date: Fri, 16 Feb 2024 13:48:57 -0700
Subject: [PATCH] FIX: Add a boarder around the video placeholder play button
 (#25727)

The video placeholder play button is white, so on a video placeholder
that is also white it is very hard to see where the play button is, so
this change adds a dark grey transparent background to the play button
so that it stands out. This is similar to how we have done the
play/pause button on animated gifs.
---
 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 60b974bef63..45b59abc555 100644
--- a/app/assets/stylesheets/common/base/onebox.scss
+++ b/app/assets/stylesheets/common/base/onebox.scss
@@ -971,6 +971,17 @@ aside.onebox.mixcloud-preview {
       border-right-color: rgba(0, 0, 0, 0);
       margin: 0;
     }
+
+    .d-icon-play {
+      cursor: pointer;
+      padding: 1em;
+      margin: 0.5em;
+      background-color: rgba(0, 0, 0, 0.5);
+      display: inline-flex;
+      justify-content: center;
+      align-items: center;
+      color: var(--secondary-or-primary);
+    }
   }
 
   @include hover {