From d0bd257a8e6546e02a2d313f37f26059b949c4d6 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 14 Aug 2023 20:55:21 +0800
Subject: [PATCH] Attempt to fix media modal next/prev buttons not working in
Safari
---
src/app.css | 12 ++++++++----
1 file changed, 8 insertions(+), 4 deletions(-)
diff --git a/src/app.css b/src/app.css
index 4e9cdc80..dfb3b66a 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1112,10 +1112,6 @@ button.carousel-dot {
.carousel-controls
:is(.button, button).carousel-button:is(:hover, :focus):not(:active) {
background-color: var(--bg-color);
- transform: scale(1.2);
-}
-.carousel-controls :is(.button, button).carousel-button:active {
- transition-duration: 0s;
}
.carousel-top-controls .szh-menu-container {
pointer-events: auto;
@@ -1166,6 +1162,14 @@ button.carousel-dot:is(.active, [disabled].active) .icon {
transform: scale(0);
/* transition: transform 0.2s ease-in-out; */
}
+ .carousel-controls
+ :is(.button, button).carousel-button:is(:hover, :focus):not(:active) {
+ transform: scale(1.2);
+ }
+ .carousel-controls :is(.button, button).carousel-button:active {
+ transition-duration: 0s;
+ }
+
:is(.carousel-top-controls, .carousel-controls)[hidden] {
opacity: 1;
}