From 9c92ac93308248a9445f36af24a9e1da036decd6 Mon Sep 17 00:00:00 2001
From: infiinte-persistence <inf.persistence@gmail.com>
Date: Wed, 1 Jul 2020 02:14:12 +0800
Subject: [PATCH] [mobile] show "time left/progress" on video player bar

## Fixes:
4220

## Changes:
For `vjs-layout-small`, there is still space to display the said controls. This layout covers devices like Galaxy S5 up to Nexus 6P.

For layouts smaller that that (e.g. 'vjs-layout-xsmall'), they will remain hidden.
---
 ui/scss/component/_file-render.scss | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/ui/scss/component/_file-render.scss b/ui/scss/component/_file-render.scss
index 3b6bb24da24..96c1faa1ab1 100644
--- a/ui/scss/component/_file-render.scss
+++ b/ui/scss/component/_file-render.scss
@@ -339,6 +339,24 @@
   }
 }
 
+.video-js:not(.vjs-fullscreen).vjs-layout-small {
+  .vjs-current-time {
+    display: flex;
+    padding-left: 0.5em;
+    padding-right: 0;
+  }
+
+  .vjs-time-divider {
+    display: flex;
+  }
+
+  .vjs-duration {
+    display: flex;
+    padding-left: 0;
+    padding-right: 0.5em;
+  }
+}
+
 .video-js:hover {
   .vjs-big-play-button {
     background-color: var(--color-primary);