From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 22 Apr 2025 17:49:40 +0000 (+0200)
Subject: #7259
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=1eaec00575e57f5220ab2a6d56f564dfa1f1f451;p=fluidbook-html5.git

#7259
---

diff --git a/style/videojs/videojs.less b/style/videojs/videojs.less
index 4b6dba56..282f6886 100644
--- a/style/videojs/videojs.less
+++ b/style/videojs/videojs.less
@@ -30,10 +30,6 @@
    of the button is the center, but there is trend towards moving it to a corner
    where it gets out of the way of valuable content in the poster image.*/
 .vjs-fluidbook-skin .vjs-big-play-button {
-  /* The font size is what makes the big play button...big.
-     All width/height values use ems, which are a multiple of the font size.
-     If the .video-js font-size is 10px, then 3em equals 30px.*/
-  font-size: 3em;
   /* We're using SCSS vars here because the values are used in multiple places.
      Now that font size is set, the following em values will be a multiple of the
      new font size. If the font-size is 3em (30px), then setting any of
@@ -45,11 +41,6 @@
   /* 0.06666em = 2px default */
   border: none;
   /* 0.3em = 9px default */
-  border-radius: 0;
-  /* Align center */
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
 
   background-color: transparent !important;
   background-position: center;