Revize ec5e3220

Re #8187 - implemented draggable timeline

website/public/css/style.css

@@ -961 +961 @@
   height: 30px;
   flex-direction: row;
   position: relative;
-  padding: 0 10px;
   border-radius: 100px;
-  cursor: pointer;
   background-color: rgba(11, 21, 90, 0.7);
 }
 
@@ -982 +980 @@
   }
 }
 
+.player .timeline .hour {
+  cursor: pointer;
+}
+
 @media (max-width: 991.98px) {
   .player .timeline .hour {
     display: none;
   }
 }
 
+.player .timeline .hour:nth-of-type(2) {
+  margin-left: 10px;
+}
+
 .player .timeline .hour:before {
   content: "";
   display: inline-block;
@@ -1012 +1018 @@
   display: inline-block;
   width: 6px;
   height: 6px;
+  margin-right: 10px;
   border-radius: 50%;
   background: #ffffff;
 }
@@ -1026 +1033 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  font-size: 15px;
+  width: 64px;
   padding: 3px 0 4px 0;
   z-index: 1000;
+  font-size: 15px;
   border-radius: 15px;
+  cursor: ew-resize;
   background: #0b155a;
-  width: 64px;
 }
 
 .player .time .custom-spinner-border {