From: Terran McCanna <tmccanna@georgialibraries.org>
Date: Wed, 17 Nov 2021 22:00:08 +0000 (-0500)
Subject: PINES OPAC Carousel CSS
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=826f5052b7b6b6b341b801a369d053a1db85c7d8;p=evergreen%2Fpines.git

PINES OPAC Carousel CSS

Adds additional CSS for iframe usage that overrides the basic
OPAC usage CSS.

Signed-off-by: Terran McCanna <tmccanna@georgialibraries.org>
---

diff --git a/Open-ILS/src/templates-bootstrap/opac/carousel.tt2 b/Open-ILS/src/templates-bootstrap/opac/carousel.tt2
index bf54466b32..a2ca14412c 100644
--- a/Open-ILS/src/templates-bootstrap/opac/carousel.tt2
+++ b/Open-ILS/src/templates-bootstrap/opac/carousel.tt2
@@ -6,3 +6,54 @@
 	PROCESS carousels;
 	END
 -%]
+<!-- PINES Carousel Customization for iframes -->
+<style type="text/css">
+	.carousel {
+		margin-left: 100px;
+	}
+	.glide__slide {
+		padding:0px;
+		margin:0px;
+		width:120px !important;
+	}
+	.carousel-entry-image {
+		width:auto;
+		height:150px;
+	}
+
+	@media only screen and (max-width: 1200px) {
+		.carousel {
+			margin-left: 60px;
+			width: 100%;
+		}
+		.glide__slide {
+			width:100px !important;
+		}
+		.carousel-entry {
+			width:100px;
+		}
+	    .carousel-entry-image {
+			width: auto;
+			height: 110px;
+			border: 1px solid #999;
+		}
+	}
+
+	@media only screen and (max-width: 1000px) {
+		.carousel {
+			margin-left: 0px;
+			width: 100%;
+		}
+		.glide__slide {
+			width:100px !important;
+		}
+		.carousel-entry {
+			width:100px;
+		}
+	    .carousel-entry-image {
+			width: auto;
+			height: 110px;
+			border: 1px solid #999;
+		}
+	}
+</style>
\ No newline at end of file