From e3a683f37de3138d4c974b7cfe8e901146bbd14a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=98=D0=B2=D0=B0=D0=BD=20=D0=9F=D0=B8=D0=BC=D0=B8=D0=BD?=
 =?UTF-8?q?=D0=BE=D0=B2?= <61900450+ivan-piminov@users.noreply.github.com>
Date: Thu, 18 Mar 2021 16:20:50 +0300
Subject: [PATCH] Ott 924 time pleer (#332)

* fix(ott-924): display time of match in hover status

* fix(ott-924): refactoring css

* refactor(ott-924): delete opacity

* refactor(ott-924): refactoring

* refactor(ott-924): refactoring
---
 src/features/StreamPlayer/components/ProgressBar/styled.tsx | 6 ++++++
 src/features/StreamPlayer/components/TimeTooltip/styled.tsx | 3 ++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/features/StreamPlayer/components/ProgressBar/styled.tsx b/src/features/StreamPlayer/components/ProgressBar/styled.tsx
index cb919940..3d821b96 100644
--- a/src/features/StreamPlayer/components/ProgressBar/styled.tsx
+++ b/src/features/StreamPlayer/components/ProgressBar/styled.tsx
@@ -1,5 +1,7 @@
 import styled from 'styled-components/macro'
 
+import { Wrapper } from '../TimeTooltip/styled'
+
 export const ProgressBarList = styled.div`
   flex-grow: 1;
   height: 4px;
@@ -34,4 +36,8 @@ export const Scrubber = styled.button`
   background-color: #F2C94C;
   border-radius: 50%;
   cursor: pointer;
+  
+  :hover ${Wrapper} {
+    visibility: visible;
+  }
 `
diff --git a/src/features/StreamPlayer/components/TimeTooltip/styled.tsx b/src/features/StreamPlayer/components/TimeTooltip/styled.tsx
index 893cd5c3..ed867020 100644
--- a/src/features/StreamPlayer/components/TimeTooltip/styled.tsx
+++ b/src/features/StreamPlayer/components/TimeTooltip/styled.tsx
@@ -1,6 +1,7 @@
 import styled from 'styled-components/macro'
 
 export const Wrapper = styled.div`
+  visibility: hidden;
   position: absolute;
   bottom: 100%;
   transform: translate(-50%, -50%);
@@ -10,7 +11,7 @@ export const Wrapper = styled.div`
   background-color: #000;
   min-width: 60px;
   height: 32px;
-
+  
   ::after {
     content: '';
     position: absolute;