From 1590a647f45119c93ffb8061b7c61d24a9716def Mon Sep 17 00:00:00 2001
From: cbadusch <hello@christianbadusch.codes>
Date: Fri, 13 Dec 2024 12:22:47 +0100
Subject: [PATCH] slider template changed arrows

---
 scss/lexa.scss                                 | 15 +++++++++++++++
 templates/local_wb_news/wb_news_slide.mustache | 12 +++++++-----
 2 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/scss/lexa.scss b/scss/lexa.scss
index 25b6d64..9f9ce77 100644
--- 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
index f5ba805..c8272a9 100644
--- 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}}