PINES - Tweaks to Carousel Display
authorTerran McCanna <tmccanna@georgialibraries.org>
Wed, 28 Dec 2022 16:13:18 +0000 (11:13 -0500)
committerChris Sharp <csharp@georgialibraries.org>
Wed, 4 Jan 2023 15:25:26 +0000 (10:25 -0500)
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>
Open-ILS/src/templates-bootstrap/opac/carousel.tt2
Open-ILS/src/templates-bootstrap/opac/css/style.css.tt2

index a2ca144..bf54466 100644 (file)
@@ -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
index 9cbb7e3..5b2d312 100755 (executable)
@@ -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;