Made the listview compatible with smallitems and the mobile stylesheets.

FMaz008 · Aug 19, 2024 · a0e17f8 · a0e17f8
1 parent bd6579d
commit a0e17f8
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 3 deletions.
diff --git a/resource/css/listView.css b/resource/css/listView.css
@@ -2,7 +2,7 @@
 #tab-unavailable.tab-grid,
 #tab-hidden.tab-grid,
 #tab-pinned.tab-grid {
-	grid-template-columns: auto;
+	grid-template-columns: auto !important;
 }
 
 #vh-tabs > .tab-grid > .vvp-item-tile {
@@ -15,14 +15,18 @@
 	display: flex;
 	flex-direction: column;
 	margin-left: 10px;
-	width: 80%;
+	width: 100% !important;
 }
 
 #vh-tabs > .tab-grid > .vvp-item-tile .vvp-details-btn {
 	width: 150px;
-	margin: 0 auto;
+	margin: 0 auto !important;
 }
 
 div.vh-status-container {
 	position: relative;
 }
+
+#vh-tabs.smallitems .vh-img-container {
+	width: 130px;
+}
diff --git a/scripts/bootloader.js b/scripts/bootloader.js
@@ -500,6 +500,15 @@ function generateTile(obj) {
 		console.log(full.classList);
 		obj.querySelector(".a-truncate-cut").classList.add("a-offscreen");
 		*/
+
+		//If small items stylesheet are used, add a class to resize-down the thumnails.
+		if (
+			appSettings.thorvarium.mobileios ||
+			appSettings.thorvarium.mobileandroid ||
+			appSettings.thorvarium.smallItems
+		) {
+			document.querySelector("#vh-tabs").classList.add("smallitems");
+		}
 	}
 
 	//Move the hidden item to the hidden tab