From: Terran McCanna <tmccanna@georgialibraries.org>
Date: Wed, 28 Dec 2022 16:13:18 +0000 (-0500)
Subject: PINES - Tweaks to Carousel Display
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=81679e5c37ef88a2f654d4f52ccabe80269b70d6;p=evergreen%2Fpines.git

PINES - Tweaks to Carousel Display

Attempting to resolve a bug causing a long gap before a carousel
would restart. Also, adding a little padding under the title.

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 a2ca14412c..bf54466b32 100644
--- a/Open-ILS/src/templates-bootstrap/opac/carousel.tt2
+++ b/Open-ILS/src/templates-bootstrap/opac/carousel.tt2
@@ -6,54 +6,3 @@
 	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
diff --git a/Open-ILS/src/templates-bootstrap/opac/css/style.css.tt2 b/Open-ILS/src/templates-bootstrap/opac/css/style.css.tt2
index 9cbb7e3fac..5b2d312213 100755
--- a/Open-ILS/src/templates-bootstrap/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates-bootstrap/opac/css/style.css.tt2
@@ -3870,6 +3870,7 @@ label[for*=expert_]
     font-size: 150%;
     font-weight: bold;
     text-align: center;
+    margin-bottom:30px;
 }
 
 .fas, .far{
@@ -3905,7 +3906,7 @@ label[for*=expert_]
     display: inline-block;
 }
 .carousel .glide__arrow--right {
-    right: -5em;
+    right: -7em;
 }
 .carousel .glide__arrow--left {
     left: -7em;