Fix issues with video playback

Signed-off-by: TheJackiMonster <thejackimonster@gmail.com>

1 files changed, 31 insertions, 4 deletions

diff --git a/resources/ui/play_media.ui b/resources/ui/play_media.ui
index ca1a1cf..cb2786b 100644
--- a/resources/ui/play_media.ui
+++ b/resources/ui/play_media.ui
@@ -23,6 +23,11 @@ Author: Tobias Frisch
 <interface>
   <requires lib="gtk+" version="3.24"/>
   <requires lib="libhandy" version="1.2"/>
+  <object class="GtkAdjustment" id="timeline_adjustment">
+    <property name="upper">100</property>
+    <property name="step-increment">1</property>
+    <property name="page-increment">10</property>
+  </object>
   <object class="HdyWindow" id="play_media_window">
     <property name="width-request">250</property>
     <property name="height-request">250</property>
@@ -234,15 +239,37 @@ audio-volume-medium-symbolic</property>
                       </packing>
                     </child>
                     <child>
-                      <object class="GtkLabel" id="timeline_label">
+                      <object class="HdyLeaflet">
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
-                        <property name="label" translatable="yes">0:00 / 0:00</property>
+                        <property name="visible-child">timeline_scale</property>
+                        <property name="transition-type">slide</property>
+                        <child>
+                          <object class="GtkLabel" id="timeline_label">
+                            <property name="width-request">80</property>
+                            <property name="visible">True</property>
+                            <property name="can-focus">False</property>
+                            <property name="margin-end">4</property>
+                            <property name="label" translatable="yes">0:00 / 0:00</property>
+                          </object>
+                        </child>
+                        <child>
+                          <object class="GtkScale" id="timeline_scale">
+                            <property name="width-request">100</property>
+                            <property name="visible">True</property>
+                            <property name="sensitive">False</property>
+                            <property name="can-focus">True</property>
+                            <property name="margin-start">4</property>
+                            <property name="hexpand">True</property>
+                            <property name="adjustment">timeline_adjustment</property>
+                            <property name="draw-value">False</property>
+                          </object>
+                        </child>
                       </object>
                       <packing>
-                        <property name="expand">False</property>
+                        <property name="expand">True</property>
                         <property name="fill">True</property>
-                        <property name="position">2</property>
+                        <property name="position">3</property>
                       </packing>
                     </child>
                     <child>