Change max text length in player

aidenhuynh · Nov 6, 2023 · bf1f569 · bf1f569
1 parent 6df4296
commit bf1f569
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 12 deletions.
diff --git a/assets/classroom/script.js b/assets/classroom/script.js
@@ -47,11 +47,6 @@ class Track {
     }
 }
 
-console.log("what the fricdge!")
-
-
-
-
 var username = "tester"
 var socket = new SockJS('https://cj-backend.stu.nighthawkcodingsociety.com/ws');
 var stompClient = Stomp.over(socket);
@@ -69,12 +64,10 @@ function onConnected() {
 
 }
 
-
 function onError(error) {
     console.log(error)
 }
 
-
 function sendMessage(message) {
     if(message && stompClient) {
         var chatMessage = {
@@ -319,8 +312,8 @@ function setSong(index) {
 
     const track = playlist[index]
     const cover = track.cover
-    const artist = lengthCheck(track.artist, 10)
-    const title = lengthCheck(track.title, 18)
+    const artist = lengthCheck(track.artist, 30)
+    const title = lengthCheck(track.title, 30)
 
     // Update background image
     document.querySelector('.songMetaData').style.setProperty(`--background-image`, `url("${cover}")`)

diff --git a/assets/classroom/styles.css b/assets/classroom/styles.css
@@ -66,7 +66,6 @@ div.songMetaData .songText .status {
 div.songMetaData .songText .info {
     display: flex;
     flex-direction: column;
-    line-height: 0;
     flex: 3
 }
 
@@ -76,7 +75,7 @@ div.songMetaData .songText .info h1 {
     margin: 0;
     margin-bottom: .5em;
     margin-left: 15px;
-    width: 80%
+    width: 9em
 }
 
 div.songMetaData .songText .info h2 {
@@ -85,7 +84,8 @@ div.songMetaData .songText .info h2 {
     font-size: 1.5em;
     margin: 0;
     margin-left: 15px;
-    width: 80%
+    width: 9em;
+    margin-top: -.5em
 }
 
 div.songMetaData .songText .sender {