2.3 - Fixed set settings for app when logged

Author: quead

src/app/app.component.ts

@@ -137,7 +137,7 @@ export class AppComponent implements OnInit {
       if (data.length > 0) {
         this.currentVideo = data['2'];
         this.shareLink = 'https://youtu.be/' + this.currentVideo.id;
-        this.getRelatedVideos();          
+        this.getRelatedVideos();    
       } else {
         this.setDefaultPlayer();
       }
@@ -435,7 +435,6 @@ export class AppComponent implements OnInit {
       this.displayVideoPlayer = this._shared.settings.form_settings[2].value;
       this.repeatMode = this._shared.settings.form_settings[3].value;
       this.darkMode = this._shared.settings.form_settings[4].value;
-      this.getFeedVideos();
     }
   }
 

src/app/components/youtube-about.component.html

@@ -2,7 +2,7 @@
     <h2>About</h2>
 </div>
 <div class="app-content">
-    <p>This is a simple youtube web player and desktop player based on angular-cli 1.4, NWjs 0.25.2, ngx-youtube-player 0.1.0 (used for youtube iFrame API), SCSS (CSS3), HTML5 and webkit functions.</p>
+    <p>This is a simple youtube web player and desktop player based on angular-cli 1.7.3, ngx-youtube-player 6.0.0 (by orizens, used for youtube iFrame API), SCSS (CSS3), HTML5.</p>
     <p>This player is compatible only with Chrome/webkit browsers.</p>
     <p>The project status is beta.</p>
 </div>

src/assets/scss/_controls.scss

@@ -176,7 +176,7 @@
 .duration-range-container {
     position: relative;
     height: 3px;
-    background-color: rgba(0,0,0,0.2);
+    background-color: var(--c-gray);
     width: 100%;
     border-radius: 20px;
     .duration-input-shadow {
@@ -198,7 +198,7 @@
         &::-webkit-slider-thumb {
             position: relative;
             -webkit-appearance: none;
-            top: 0;
+            top: -3px;
             height: 15px;
             width: 15px;
             border-radius: 50px;

src/assets/scss/_variables.scss

@@ -73,9 +73,9 @@ $f-32: 32px;
     --c-success: #23CF5F;
     --c-success-active: #1db351;
 
-    --c-gray: rgba(#000, 0.35);
-    --c-light-gray: rgba(#000, 0.6);
-    --c-dark-gray: rgba(#000, 0.2);
+    --c-gray: rgba(0,0,0, 0.35);
+    --c-light-gray: rgba(0,0,0, 0.6);
+    --c-dark-gray: rgba(0,0,0, 0.2);
     --c-white: #ffffff;
     --c-soft-white: #DFDFDF;
     --c-black: #000000;