Merge pull request #3 from salahinlibro/master

Correction de la taille des bouttons
inLibro · Oct 2, 2023 · 65eeb7e · 65eeb7e
2 parents cb4d6fe + 90b4b6f
commit 65eeb7e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 20 deletions.
diff --git a/Koha/Plugin/Carrousel/opac-carrousel.tt b/Koha/Plugin/Carrousel/opac-carrousel.tt
@@ -36,12 +36,11 @@
                                 <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% item.biblionumber %]" title="[% item.title %]"><img class="cloudcarousel" src="[% item.url %]" alt="[% item.title %]" ></a>
                             [% END %]   
                         [% END %]
+
+                        <button class="[% carrousel.title || carrousel.name %]" aria-label="previous" style="float:left; height:175px" onclick="Right(this)" type="button">&lt;</button>
+                        <button class="[% carrousel.title || carrousel.name %]" aria-label="next" style="float:right; height:175px" onclick="Left(this)" type="button">&gt;</button>    
                     </div>
                 </div>
-                <div class="controls">
-                    <button class="[% carrousel.title || carrousel.name %]" aria-label="previous" style="float:left" onclick="Right(this)" type="button">&lt;</button>
-                    <button class="[% carrousel.title || carrousel.name %]" aria-label="next" style="float:right" onclick="Left(this)" type="button">&gt;</button>
-                </div>
             [% END %]
         </div>
     [% END %]
@@ -260,7 +259,7 @@
     width:100px;
 }
 
-#inlibro-carrousel .slider {
+#inlibro-carrousel .slider style="position:relative;" {
     overflow: hidden;
 }
 
@@ -293,16 +292,11 @@
 
 #inlibro-carrousel .images {
     left: 0px;
-    position: relative;
+    position:relative;
     white-space: nowrap;
 
 }
 
-#inlibro-carrousel .controls{
-    margin-bottom: 116px;
-    margin-top: 20px;
-}
-
 #inlibro-carrousel button{
     color : #[%txtColor%];
     background-color: #[%bgColor%];

diff --git a/Koha/Plugin/Carrousel/opac-carrousel_fr-CA.tt b/Koha/Plugin/Carrousel/opac-carrousel_fr-CA.tt
@@ -26,6 +26,7 @@
         <div id="carrousel-[% loop.index %]" class="slider">
             <H2>[% carrousel.title || carrousel.name %]</H2>
             <hr>
+
             [% IF (carrousel.documents.size() > 0) %]
                 <div id="[% carrousel.title || carrousel.name %]">
                     <div class="images">
@@ -36,12 +37,11 @@
                                 <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% item.biblionumber %]" title="[% item.title %]"><img class="cloudcarousel" src="[% item.url %]" alt="[% item.title %]" ></a>
                             [% END %]   
                         [% END %]
+
+                        <button class="[% carrousel.title || carrousel.name %]" aria-label="previous" style="float:left; height:175px" onclick="Right(this)" type="button">&lt;</button>
+                        <button class="[% carrousel.title || carrousel.name %]" aria-label="next" style="float:right; height:175px" onclick="Left(this)" type="button">&gt;</button>    
                     </div>
                 </div>
-                <div class="controls">
-                    <button class="[% carrousel.title || carrousel.name %]" aria-label="précédent" style="float:left" onclick="Right(this)" type="button">&lt;</button>
-                    <button class="[% carrousel.title || carrousel.name %]" aria-label="suivant" style="float:right" onclick="Left(this)" type="button">&gt;</button>
-                </div>
             [% END %]
         </div>
     [% END %]
@@ -298,11 +298,6 @@
 
 }
 
-#inlibro-carrousel .controls{
-    margin-bottom: 116px;
-    margin-top: 20px;
-}
-
 #inlibro-carrousel button{
     color : #[%txtColor%];
     background-color: #[%bgColor%];