ign4

rf/i4m/m.css

@@ -229,7 +229,7 @@ content:var(--vtitle);
 	/*transform: rotate(45);*/
 }
 .left {
-	left: 20px;
+	left: 60px;
 	position: absolute;
 	top: 50%;
 	transform: rotate(135deg);
@@ -284,4 +284,50 @@ content:var(--vtitle);
 	/*height: calc(var(--innerHeight) );*/
 	height: calc(var(--vheight) );
 
+}
+.rooms_dir::-webkit-scrollbar {
+  display: none;
+}
+
+.title_png {
+	/*426/77*/
+	width: 300px;
+	/*height: 200px;*/
+	/*height: calc(200px * (426/77));*/
+	height: calc(300px * (77/426));
+	background-repeat: no-repeat;
+	background-image: url("/ign/rf/img/virtual_dance_party.png");
+	background-image: url("/ign/rf/img/virtual_dance_party_white.png");
+	position: absolute;
+	left: 50%;
+	top: 40px;
+	transform: translate(-50%,0);
+	background-size: cover;
+	background-size: contain;
+
+}
+
+.now_playing_png {
+	/* 61 694*/
+	top: 50%;
+	/*z-index: 500;*/
+	height: calc(var(--vheight) - 40px);
+	transform: translate(0,-50%);
+	/*width: 20px;*/
+	width: calc((var(--vheight) - 40px) * (61/694));
+	position: absolute;
+	/*height: 200px;*/
+	/*height: calc(20px * (694/61));*/
+	/*height: calc(20px * (61/694));*/
+	background-size: cover;
+	background-size: contain;
+	background-repeat: no-repeat;
+
+	background-image: url("/ign/rf/img/now_playing.png");
+	/*background-color: #fff;*/
+
+}
+
+.no_scroll .arrow {
+	display: none;
 }

rf/i4m/m.html

@@ -4,6 +4,8 @@
 <span class="plugin_top abs filmstrip_template">
 
 <div class="lobby_root plugin_top">
+	<div class="title_png"></div>
+	<div class="now_playing_png"></div>
 	<div class="rooms_dir0">
 			
 		<!-- <i class="arrow_container right"> -->

rf/i4m/m.js

@@ -136,15 +136,17 @@ function scroll_rt2(o){
     if ($(o.that).hasClass("right")){
     	if (cr_nn){
     		scroll_n = cr_nn
-    	} else {
-    		scroll_n = cr_np
+    	// } else if(cr_pn) {
+    	} else  {
+    		scroll_n = cr_pn
 
     	}
     } else if ($(o.that).hasClass("left")){
     	if (cl_nn){
     		scroll_n = cl_nn
-    	} else {
-    		scroll_n = cl_np
+    	// } else if(cl_pn) {
+    	} else  {
+    		scroll_n = cl_pn
     		
     	}
     }
@@ -215,12 +217,12 @@ function add_tiles(){
 			// n[0].cssText += `--vtitle:"${djt["title"]}"`
 		n.addClass(`rxz${i}`)
 		n[0].dataset["room"] = djt["room"]
-		}
 		n.addClass(`rx${i}`)
 		// add_node(n,".rooms_dir","append")
 		add_node(n,".rooms_dir_full","append")
+		}
 		i+=1
-		clog("//",i)
+		// clog("//",i)
 	}
 	resize_tiles()
 	// set_width()
@@ -256,20 +258,32 @@ function resize_tiles(){
 
 	var Height= window.innerHeight
 	var Width= window.innerWidth
-	var vheight0 = window.innerHeight - 230
-	var vheight = window.innerHeight - 230
+	var vheight0 = window.innerHeight - 330
+	var vheight = window.innerHeight - 330
 	vheight = Math.max(vheight,350)
 	vheight = Math.min(Height,vheight)
 
+
 	// if
-	$(".rooms_dir").css({
+	$(".lobby_root").css({
 		"--innerHeight":`${window.innerHeight}px`,
 		"--vheight":`${vheight}px`,
 		"--innerWidth":`${window.innerWidth}px`,
 	})
 	set_width()
+	// $(".rooms_dir")
+	// $(".rooms_dir_full")
+	if ($(".rooms_dir").width() >= $(".rooms_dir_full").width()) {
+		$(".rooms_dir0").addClass("no_scroll")
+	} else {
+		$(".rooms_dir0").removeClass("no_scroll")
+		// $(".rooms_dir0").addClass("no_scroll")
+	}
+		// $(".rooms_dir0").addClass("no_scroll")
 
-	}catch(err){}
+	}catch(err){
+		clog("err",err)
+	}
 }
 /*
 $(document).ready(function(){