Revert "fix(FEC-14080): Accessibility fix for the top bar and the bottom bar" (#947)

Reverts #941

Author: MosheMaorKaltura

src/components/bottom-bar/_bottom-bar.scss

@@ -1,25 +1,3 @@
-@mixin bottom-bar-gradient {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: var(--playkit-bar-gradient-height);
-  max-height: 200px;
-  opacity: 1;
-  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
-  content: "";
-}
-
-.player {
-  :global(.#{$video-filter}) {
-    --playkit-bar-gradient-height: 50%;
-  }
- 
-  :global(.playkit-native-text ~ .#{$video-filter})  {
-    --playkit-bar-gradient-height: #{$bottom-bar-max-height}px;
-  }
-}
-
 .player .bottom-bar {
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
   color: #fff;
@@ -126,12 +104,6 @@
 .player.ad-break,
 .player.menu-active {
   &:not(.overlay-active) {
-    :global(.#{$video-filter}) {
-      &:after {
-        @include bottom-bar-gradient();
-      }
-    }
-
     .bottom-bar {
       position: relative;
       opacity: 1;
@@ -166,10 +138,3 @@
     }
   }
 }
-
-:global(.#{$video-filter}) {
-  &:after {
-    transition: #{$hover-animation-time}ms opacity ease-in-out;
-    opacity: 0;
-  }
-}

src/components/top-bar/_top-bar.scss

@@ -73,15 +73,6 @@
 .player.ad-break,
 .player.menu-active {
   &:not(.overlay-active) {
-    :global(.#{$video-filter}) {
-      &:before {
-        @include bottom-bar-gradient();
-
-        top: 0;
-        background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
-      }
-    }
-
     .top-bar {
       visibility: visible;
       margin-top: 0;
@@ -128,10 +119,3 @@
     }
   }
 }
-
-:global(.#{$video-filter}) {
-  &:before {
-    transition: #{$hover-animation-time}ms opacity ease-in-out;
-    opacity: 0;
-  }
-}

src/styles/_variables.scss

@@ -27,7 +27,6 @@ $bottom-bar-bottom-gutter: 4;
 $gui-gutter: 16;
 $gui-small-gutter: 8;
 $blur: 16px;
-$video-filter: playkit-video-filter;
 // ***************  Backward Compatibility - Deprecated  **************
 $brand-color: #006bff; // - refs in playkit-ui and related-plugin
 $white: #ffffff; // - refs in playkit-ui and related-plugin
@@ -73,7 +72,6 @@ $new-live-color: #e12437; // - refs in related-plugin
   defaultTransitionTime: $default-transition-time;
   bottomBarMaxHeight: $bottom-bar-max-height;
   topBarMaxHeight: $top-bar-max-height;
-  videoFilter: $video-filter;
   // ***************  Backward Compatibility - Deprecated  **************
   brandColor: $brand-color;
   white: $white;

src/styles/exported.scss

@@ -57,4 +57,3 @@ $playkit-background-color: var(--playkit-background-color);
 $elevated-color: var(--playkit-elevated-color);
 $paper-color: var(--playkit-paper-color);
 $protection-color: var(--playkit-protection-color);
-$video-filter: playkit-video-filter;