From bd2efa531a32ca5676507569026376c9c7cac7e3 Mon Sep 17 00:00:00 2001
From: Kayra Uylar <52961639+kuylar@users.noreply.github.com>
Date: Mon, 12 Aug 2024 09:06:19 +0300
Subject: [PATCH] Fix LTPlayer loading (#162)

* Fix LTPlayer URLs

* Fix comments in mobile layout for widths 700px-1080px
---
 LightTube/JsCache.cs                 | 4 ++--
 LightTube/Views/Youtube/Watch.cshtml | 8 ++++----
 LightTube/wwwroot/css/lighttube.css  | 8 ++++++++
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/LightTube/JsCache.cs b/LightTube/JsCache.cs
index 32241cd..6a88636 100644
--- a/LightTube/JsCache.cs
+++ b/LightTube/JsCache.cs
@@ -8,8 +8,8 @@ public static class JsCache
     private static Dictionary<string, Uri> LibraryUrls = new()
     {
         ["hls.js"] = new Uri("https://cdn.jsdelivr.net/npm/hls.js@1.4.0/dist/hls.min.js"),
-        ["ltplayer.js"] = new Uri("https://raw.githubusercontent.com/lighttube-org/LTPlayer/fix/few-fixes/dist/player.min.js"),
-        ["ltplayer.css"] = new Uri("https://raw.githubusercontent.com/lighttube-org/LTPlayer/fix/few-fixes/dist/player.min.css"),
+        ["ltplayer.js"] = new Uri("https://raw.githubusercontent.com/lighttube-org/LTPlayer/master/dist/player.min.js"),
+        ["ltplayer.css"] = new Uri("https://raw.githubusercontent.com/lighttube-org/LTPlayer/master/dist/player.min.css"),
     };
     private static Dictionary<string, string> Hashes = [];
     public static DateTimeOffset CacheUpdateTime = DateTimeOffset.MinValue;
diff --git a/LightTube/Views/Youtube/Watch.cshtml b/LightTube/Views/Youtube/Watch.cshtml
index bad221b..3509faa 100644
--- a/LightTube/Views/Youtube/Watch.cshtml
+++ b/LightTube/Views/Youtube/Watch.cshtml
@@ -46,7 +46,7 @@
 		</div>
 		@if (Model.Comments is not null)
 		{
-			<div class="interaction-buttons hide-on-desktop">
+			<div class="interaction-buttons mobile-comments-breakpoint">
 				<label class="interaction-button" for="comments-toggle">
 					<svg class="icon" width="20" height="20" fill="currentColor">
 						<use xlink:href="/svg/bootstrap-icons.svg#chat-left-text"></use>
@@ -108,13 +108,13 @@
 	{
 		<details>
 			<summary>
-				<svg class="icon hide-on-desktop" width="32" height="32" fill="currentColor">
+				<svg class="icon mobile-comments-breakpoint" width="32" height="32" fill="currentColor">
 					<use class="only-when-closed" xlink:href="/svg/bootstrap-icons.svg#chevron-right"></use>
 					<use class="only-when-open" xlink:href="/svg/bootstrap-icons.svg#chevron-down"></use>
 				</svg>
 				@(Model.Video.CommentsCountText ?? Model.Comments.Results.Length + (Model.Comments.ContinuationToken != null ? "+" : "")) @Model.Localization.GetString("watch.comments.count")
-				<div class="flex-divider hide-on-desktop"></div>
-				<label for="comments-toggle" class="hide-on-desktop">
+				<div class="flex-divider mobile-comments-breakpoint"></div>
+				<label for="comments-toggle" class="mobile-comments-breakpoint">
 					<svg class="icon" width="32" height="32" fill="currentColor">
 						<use xlink:href="/svg/bootstrap-icons.svg#x"></use>
 					</svg>
diff --git a/LightTube/wwwroot/css/lighttube.css b/LightTube/wwwroot/css/lighttube.css
index 67e934a..64c5810 100644
--- a/LightTube/wwwroot/css/lighttube.css
+++ b/LightTube/wwwroot/css/lighttube.css
@@ -746,6 +746,10 @@ body.no-guide .app {
         margin-left: -8px;
         height: auto !important;
     }
+    
+    .mobile-comments-breakpoint {
+        display: block !important;
+    }
 }
 
 .watch-page, .watch-page > div {
@@ -1093,6 +1097,10 @@ input#comments-toggle {
     font-size: larger;
 }
 
+.mobile-comments-breakpoint {
+    display: none;
+}
+
 /* Search Page */
 
 .search-container {