From 5ee75683ddf71383b9ee48150227d6bbfdf9e24e Mon Sep 17 00:00:00 2001
From: robee <robin.code22@gmail.com>
Date: Sat, 19 Aug 2023 16:20:38 +0100
Subject: [PATCH] fix(styles.css-slides.js): updated functionality of carousel
---
scripts/slides.js | 6 +++++-
styles.css | 2 ++
2 files changed, 7 insertions(+), 1 deletion(-)
diff --git a/scripts/slides.js b/scripts/slides.js
index a57d5f0..8145533 100644
--- a/scripts/slides.js
+++ b/scripts/slides.js
@@ -32,4 +32,8 @@ lControl.addEventListener('click', () => {
rControl.addEventListener('click', () => {
currSlide < slides.length - 1 ? currSlide++ : currSlide = 0;
scrollSlide(currSlide);
-});
\ No newline at end of file
+});
+
+new ResizeObserver(() => {
+ scrollSlide(currSlide);
+}).observe(document.body);
\ No newline at end of file
diff --git a/styles.css b/styles.css
index 3baf6e5..9062e95 100644
--- a/styles.css
+++ b/styles.css
@@ -497,6 +497,7 @@
width: 80%;
height: 50vh;
+ max-height: 25rem;
max-width: 80%;
}
@@ -1343,6 +1344,7 @@
width: 80vw;
min-width: 100%;
height: auto;
+ max-height: initial;
}
button[class^="carousel-button"] {
--
GitLab