slider template changed arrows

Wunderbyte-GmbH · Dec 13, 2024 · 1590a64 · 1590a64
1 parent 32faf1a
commit 1590a64
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 5 deletions.
diff --git a/scss/lexa.scss b/scss/lexa.scss
@@ -2904,6 +2904,21 @@ img {
     padding: 16px;
 }
 
+.wb_news_slider_button_left {
+    border: 1px solid #D9E1E7;
+    padding: 10px 15px;
+    border-radius: 8px 0 0 8px;
+    color: var(--lightcontent);
+}
+
+.wb_news_slider_button_right {
+    border: 1px solid #D9E1E7;
+    padding: 10px 15px;
+    border-radius: 0 8px 8px 0;
+    color: var(--lightcontent);
+}
+
+
 @media (max-width: 768px) {
         .drawer-primary .drawercontent .list-group a.list-group-item {
           border: none;

diff --git a/templates/local_wb_news/wb_news_slide.mustache b/templates/local_wb_news/wb_news_slide.mustache
@@ -44,16 +44,18 @@
         {{#btntext}}
         <a href="{{btnlink}}" class="btn btn-primary mt-4">{{btntext}}</a>
         {{/btntext}}
-        <div class="row mt-4 justify-content-center">
-            <a class="carousel-control-prev mt-4 mr-2" href="#wb_news_carousel-{{instanceid}}" role="button" data-slide="prev">
-                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+        <div class="row mt-4 justify-content-start">
+        <div class="col-md-6 mb-3">
+            <a class="mt-4 wb_news_slider_button_left" href="#wb_news_carousel-{{instanceid}}" role="button" data-slide="prev">
+                <span class="fa-solid fa-chevron-left" aria-hidden="true"></span>
                 <span class="sr-only">Previous</span>
             </a>
-            <a class="carousel-control-next mt-4 ml-2" href="#wb_news_carousel-{{instanceid}}" role="button" data-slide="next">
-                <span class="carousel-control-next-icon" aria-hidden="true"></span>
+            <a class="mt-4 wb_news_slider_button_right" href="#wb_news_carousel-{{instanceid}}" role="button" data-slide="next">
+                <span class="fa-solid fa-chevron-right" aria-hidden="true"></span>
                 <span class="sr-only">Next</span>
             </a>
         </div>
+        </div>
         {{#editmode}}
         {{> local_wb_news/editsinglenews}}
         {{/editmode}}