Adjust lyric font size and table padding

JoshuaDoes · Jul 14, 2023 · 0317010 · 0317010
1 parent c388d74
commit 0317010
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 10 deletions.
diff --git a/css/libremedia.css b/css/libremedia.css
@@ -68,7 +68,7 @@ body {
 
 table {
   margin: 10px;
-  padding-top: 75px;
+  padding-top: 45px;
   backdrop-filter: blur(5px) brightness(50%) saturate(150%);
   border-collapse: separate;
   border-spacing: 5px;
@@ -107,8 +107,9 @@ td {
   cursor: pointer;
   border: 0;
   border-style: none none none none;
-  font-weight: bolder;
   padding: 0px !important;
+  font-size: 2em;
+  font-weight: bolder;
   letter-spacing: 1.1px;
   height: 200px;
   line-height: 1.2em;
@@ -120,7 +121,7 @@ td {
 }
 #lyricblank {
   cursor: pointer;
-  height: 85vh;
+  height: 100vh;
   width: 100%;
   backdrop-filter: blur(0px) brightness(100%) saturate(100%);
 }

diff --git a/js/libremedia/libremedia-pages.js b/js/libremedia/libremedia-pages.js
@@ -244,7 +244,6 @@ async function displayTranscript(match) {
 				html += '<tr><td id="lyricblank" onclick="lyricSeek(' + (i+1) + ')" colspan="' + colspan + '"><div id="lyric' + (i+1) + '"></div></td></tr>';
 			}
 		}
-		html += '<tr><td id="lyricblank" colspan="' + colspan + '" onclick="lyricSeek(' + lines.length + ')"><div id="lyricEnd"></div></td></tr>';
 		render(match, html);
 
 		if (isNowPlaying) {
@@ -255,3 +254,4 @@ async function displayTranscript(match) {
 		render(match, "No transcript for this stream!");
 	}
 }
+
diff --git a/js/libremedia/libremedia-transcript.js b/js/libremedia/libremedia-transcript.js
@@ -28,11 +28,7 @@ function lyricScroll(lyric) {
 	//console.log("Scrolling to lyric " + lyric);
 	if (nowPlayingTiming.length > 0) {
 		var lyricLine;
-		if (lyric >= nowPlayingTiming.length) {
-			lyricLine = document.getElementById("lyricEnd");
-		} else {
-			lyricLine = document.getElementById("lyric" + lyric);
-		}
+		lyricLine = document.getElementById("lyric" + lyric);
 		if (lyricLine == null) {
 			//console.log("Failed to find lyric line!");
 			return;
@@ -107,4 +103,4 @@ function lyricSeek(lyric) {
 	lyricScroll(lyric);
 	lyricScrollerId = setInterval(lyricScroller, 100);
 	//console.log("Spawned auto-scroller: " + lyricScrollerId);
-}
+}