✨ Feat settings page

ytmdesktop · Oct 21, 2018 · b1463c7 · b1463c7
1 parent eff2e95
commit b1463c7
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/renderer_settings.js b/renderer_settings.js
@@ -121,6 +121,10 @@ function loadi18n() {
     document.getElementById( 'i18n_MEDIA_CONTROL_SHUFFLE' ).innerText                               = __.trans( 'MEDIA_CONTROL_SHUFFLE' );
     document.getElementById( 'i18n_MEDIA_CONTROL_SEARCH' ).innerText                                = __.trans( 'MEDIA_CONTROL_SEARCH' );
     document.getElementById( 'i18n_MEDIA_CONTROL_QUEUE_OPEN_CLOSE' ).innerText                      = __.trans( 'MEDIA_CONTROL_QUEUE_OPEN_CLOSE' );    
+
+    document.getElementById( 'i18n_GLOBAL_MEDIA_CONTROL_PLAY_PAUSE' ).innerText                     = __.trans( 'MEDIA_CONTROL_PLAY_PAUSE' );
+    document.getElementById( 'i18n_GLOBAL_MEDIA_CONTROL_NEXT' ).innerText                           = __.trans( 'MEDIA_CONTROL_NEXT' );
+    document.getElementById( 'i18n_GLOBAL_MEDIA_CONTROL_PREVIOUS' ).innerText                       = __.trans( 'MEDIA_CONTROL_PREVIOUS' );
 }
 
 function relaunch() {

diff --git a/settings.html b/settings.html
@@ -8,7 +8,7 @@
     <link type="text/css" rel="stylesheet" href="node_modules/materialize-css/dist/css/materialize.min.css"  media="screen,projection"/>
     <style>
       body {
-        background-color: #333;
+        background-color: #131313;
       }
 
       .title {
@@ -24,7 +24,7 @@
       }
 
       ul, li {
-        background-color: #333;
+        background-color: #232323;
       }
 
       ul, li, a {
@@ -129,7 +129,7 @@
   </head>
   <body>
 
-    <div class="bar drag">
+    <div class="bar drag" style="background: #232323 !important;">
 
       <div class="title">
         <h6> <i class="material-icons tiny">settings</i> <span id="i18n_LABEL_SETTINGS"></span> </h6>
@@ -141,10 +141,10 @@ <h6> <i class="material-icons tiny">settings</i> <span id="i18n_LABEL_SETTINGS">
 
     </div>
 
-    <div id="content" style="margin-top: 34px;">
+    <div id="content" style="margin-top: 29px;">
 
       <div class="row">
-        <div class="col s12">
+        <div class="col s12" style="padding: 0;">
           <ul class="tabs">
             <li class="tab col s4"><a class="active" href="#general"> <span id="i18n_LABEL_SETTINGS_TAB_GENERAL"></span> </a></li>
             <!--li class="tab col s4 disabled"><a href="#mini-player"> <span id="i18n_LABEL_SETTINGS_TAB_MINIPLAYER"></span> </a></li-->
@@ -310,16 +310,16 @@ <h6> <i class="material-icons tiny">settings</i> <span id="i18n_LABEL_SETTINGS">
                 </thead>
                 <tbody>
                   <tr>
-                    <td>Play / Pause</td>
+                    <td> <span id="i18n_GLOBAL_MEDIA_CONTROL_PLAY_PAUSE"></span> </td>
                     <th>CmdOrCtrl + Shift + P <span class="shortcut-or">or</span> MediaPlayPause</th>
                   </tr>
                   <tr>
-                    <td>Next Track</td>
-                    <th>CmdOrCtrl + PageUp <span class="shortcut-or">or</span> MediaNextTrack</th>
+                    <td> <span id="i18n_GLOBAL_MEDIA_CONTROL_NEXT"></span> </td>
+                    <th>CmdOrCtrl + Shift + PageUp <span class="shortcut-or">or</span> MediaNextTrack</th>
                   </tr>
                   <tr>
-                    <td>Previous Track</td>
-                    <th>CmdOrCtrl + PageDown <span class="shortcut-or">or</span> MediaPreviousTrack</th>
+                    <td> <span id="i18n_GLOBAL_MEDIA_CONTROL_PREVIOUS"></span> </td>
+                    <th>CmdOrCtrl + Shift + PageDown <span class="shortcut-or">or</span> MediaPreviousTrack</th>
                   </tr>
                 </tbody>
               </table>