From 27fa9d2e3f26c5802e63fa16c6078413e50bd030 Mon Sep 17 00:00:00 2001
From: Prayag Prajapati <prayagprajapati.17@gmail.com>
Date: Wed, 29 May 2024 15:10:34 +0530
Subject: [PATCH] remove: compactPosters.scss #140

---
 README.md                      |  17 +---
 src/addons/compactPosters.scss | 139 ---------------------------------
 src/pages/_player.scss         |   4 +
 3 files changed, 6 insertions(+), 154 deletions(-)
 delete mode 100644 src/addons/compactPosters.scss

diff --git a/README.md b/README.md
index 540f1c9..be3ff1b 100644
--- a/README.md
+++ b/README.md
@@ -28,7 +28,7 @@
 
 - ### Remove BackdropFilter
 
-  This remove the frosted glass like effect from every place.
+  This removes the frosted glass like effect from every place and improves performance
 
       ```css
       @import url("https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/addons/improvePerformance/removeBackdropFilter.css");
@@ -36,25 +36,12 @@
 
 - ### Remove scroll fade
 
-  This remove the faded scroll view
+  This removes the gradient faded bar at top of a scrollable container
 
       ```css
       @import url("https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/addons/improvePerformance/removeFadingScroll.css");
       ```
 
-- ## Compact Poster
-
-    Want to use compact posters instead of normal cards, add this to your custom css:
-
-    ```css
-    @import url("https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/addons/compactPosters.css");
-    ```
-
-    Example:\
-    ![image](https://user-images.githubusercontent.com/55829513/200132447-5307c19f-97e5-4022-ab42-c5b8bf632d6b.png)
-
-    > **Warning** : Compact posters might not look as expected for some screen sizes
-
 - ## Horizontal My Media
 
     Brings back the horizontal section for My Media
diff --git a/src/addons/compactPosters.scss b/src/addons/compactPosters.scss
deleted file mode 100644
index 0b8150c..0000000
--- a/src/addons/compactPosters.scss
+++ /dev/null
@@ -1,139 +0,0 @@
-/** @format */
-
-$cardText-bg: rgb(0 0 0 / 0.7);
-.card {
-	--height: calc(100% - 3.65em);
-	.innerCardFooter {
-		border-radius: 0 !important;
-		margin-bottom: 3.65em;
-		width: 100% !important;
-		.itemProgressBar {
-			background: $cardText-bg;
-		}
-	}
-	&Text {
-		position: absolute;
-		left: 0;
-		right: 0;
-		height: 1.5em;
-		z-index: 5;
-		&-first {
-			bottom: 1.75em;
-		}
-		&-secondary {
-			bottom: 0;
-		}
-	}
-	&Scalable::after {
-		content: "";
-		position: absolute;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		height: 3.65em;
-		background: linear-gradient(to top, rgb(0 0 0 / 0.9), $cardText-bg);
-	}
-	&Box {
-		position: relative;
-	}
-	&OverlayContainer {
-		height: var(--height);
-	}
-	&[data-type="CollectionFolder"] {
-		--height: calc(100% - 2.999em);
-		.cardScalable::after {
-			display: none !important;
-		}
-		.cardText {
-			bottom: 0;
-			background: linear-gradient(
-				to top,
-				rgb(0 0 0 / 0.9),
-				$cardText-bg
-			);
-			text-align: center;
-		}
-	}
-}
-
-.detailImageContainer {
-	.cardScalable::after {
-		display: none !important;
-	}
-}
-
-.localUsers .card {
-	.cardFooter {
-		display: flex;
-		position: absolute;
-		flex-direction: column;
-		flex-wrap: nowrap;
-		align-items: stretch;
-		justify-content: center;
-		padding: 0.3em;
-		background: linear-gradient(
-			to top,
-			rgba(0, 0, 0, 0.9),
-			rgba(0, 0, 0, 0.7)
-		);
-		width: calc(100% - 0.6em);
-		bottom: 0;
-		height: fit-content;
-	}
-	.cardText {
-		position: static !important;
-		height: 1.5em;
-		z-index: 5;
-		flex: 0 0 100%;
-		box-sizing: content-box;
-		padding: 0;
-		width: 100%;
-	}
-	.cardScalable::after {
-		display: none;
-	}
-}
-
-#divUsers .card {
-	.cardFooter {
-		padding: 0.3em 0.3em 0.5em;
-		position: absolute;
-		bottom: 0;
-		width: calc(100% - 0.61em);
-		height: 1.5em;
-		background: linear-gradient(
-			to top,
-			rgba(0, 0, 0, 0.9),
-			rgba(0, 0, 0, 0.7)
-		);
-	}
-	.cardScalable::after {
-		display: none;
-	}
-}
-
-.installedPlugins .card,
-#divVirtualFolders .card,
-.devicesList .card {
-	.cardFooter {
-		padding: 0.3em 0.3em 0.5em;
-		position: absolute;
-		display: flex;
-		justify-content: stretch;
-		align-items: stretch;
-		width: calc(100% - 0.61em);
-		bottom: 0;
-		flex-direction: column;
-		background: linear-gradient(to top, rgb(0 0 0 / 0.7), transparent);
-	}
-	.cardText {
-		position: static !important;
-	}
-	.cardScalable::after {
-		display: none;
-	}
-}
-
-.layout-mobile .cardOverlayButton {
-	bottom: 4.5em;
-}
diff --git a/src/pages/_player.scss b/src/pages/_player.scss
index 8b94feb..e671f6b 100644
--- a/src/pages/_player.scss
+++ b/src/pages/_player.scss
@@ -34,3 +34,7 @@
 	background: rgb(0 0 0 / 0.75);
 	backdrop-filter: blur($filter-blur-default);
 }
+
+.osdTextContainer{
+	font-family: monospace;
+}
\ No newline at end of file