fix(FEC-11886): unable to remove SeekBarPlaybackContainer from player (…

…#653) move `SeekBarPlaybackContainer` into the `SeekBar` Area Solves FEC-11886
kaltura · Jan 24, 2022 · 71f5934 · 71f5934
1 parent 66cf301
commit 71f5934
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 14 deletions.
diff --git a/src/components/bottom-bar/_bottom-bar.scss b/src/components/bottom-bar/_bottom-bar.scss
@@ -31,12 +31,7 @@
     }
   }
   .bottom-bar-area {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: calc(100% - #{2 * $gui-gutter}px);
-    height: calc(100% - #{$bottom-bar-bottom-gutter}px);
-    margin: 0 #{$gui-gutter}px #{$bottom-bar-bottom-gutter}px;
+    position: relative;
     pointer-events: none;
   }
   .right-controls {
@@ -102,11 +97,6 @@
   .bottom-bar {
     padding: 0 #{$gui-small-gutter}px #{$bottom-bar-bottom-gutter}px;
 
-    .bottom-bar-area {
-      width: calc(100% - #{2 * $gui-small-gutter}px);
-      margin: 0 #{$gui-small-gutter}px #{$bottom-bar-bottom-gutter}px;
-    }
-
     .time-display {
       padding-left: 0;
     }

diff --git a/src/components/bottom-bar/bottom-bar.js b/src/components/bottom-bar/bottom-bar.js
@@ -63,10 +63,8 @@ class BottomBar extends Component {
     return (
       <div ref={this._ref} className={styleClass.join(' ')}>
         <div className={style.bottomBarArea}>
-          <PlayerArea name={'BottomBar'} />
+          <PlayerArea name={'BottomBar'}>{props.children}</PlayerArea>
         </div>
-        {props.children}
-
         <div className={style.leftControls}>
           <PlayerArea name={'BottomBarLeftControls'}>{leftControls}</PlayerArea>
         </div>