Show buffering in video player (#5261)

2017-10-08 02:33:08 +02:00
parent a3d4f1bd93
commit 292f3cd7e0
2 changed files with 14 additions and 3 deletions
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@ -4028,7 +4028,8 @@ button.icon-button.active i.fa-retweet {
      top: 10px;
    }

-    &__progress {
+    &__progress,
+    &__buffer {
      display: block;
      position: absolute;
      height: 4px;
@ -4036,6 +4037,10 @@ button.icon-button.active i.fa-retweet {
      background: $ui-highlight-color;
    }

+    &__buffer {
+      background: rgba($white, 0.2);
+    }
+
    &__handle {
      position: absolute;
      z-index: 3;