From 3be81db424e01558d0655e8c6f89100bead7b445 Mon Sep 17 00:00:00 2001
From: BoHung Chiu <bohung@rulingcom.com>
Date: Sat, 8 Jul 2023 15:49:32 +0800
Subject: [PATCH] Fix accessibility.

---
 app/assets/stylesheets/gallery_card.css   |  1 -
 app/assets/stylesheets/theater.css        |  5 -----
 modules/gallery/_gallery_widget4.html.erb | 13 +++++++++++++
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/gallery_card.css b/app/assets/stylesheets/gallery_card.css
index c1f84b5..939386a 100644
--- a/app/assets/stylesheets/gallery_card.css
+++ b/app/assets/stylesheets/gallery_card.css
@@ -25,7 +25,6 @@
 
 .gallery.card-group .card.card-flip.h-100 {
   position: relative;
-  overflow: hidden;
   width: 25%;
   width: calc( 25% - 0.75em);
   background: white;
diff --git a/app/assets/stylesheets/theater.css b/app/assets/stylesheets/theater.css
index fb7f2f3..7ff4505 100644
--- a/app/assets/stylesheets/theater.css
+++ b/app/assets/stylesheets/theater.css
@@ -1,11 +1,6 @@
 @import url(https://fonts.googleapis.com/css?family=Roboto);
 
 /* Reset and basic styles */
-
-body {
-  overflow-x: hidden;
-}
-
 *,
 *:before,
 *:after {
diff --git a/modules/gallery/_gallery_widget4.html.erb b/modules/gallery/_gallery_widget4.html.erb
index fc6ec94..aa52e6c 100644
--- a/modules/gallery/_gallery_widget4.html.erb
+++ b/modules/gallery/_gallery_widget4.html.erb
@@ -35,4 +35,17 @@
       </div>
     </div>
   </div>
+  <script>
+    $(document).ready(function(){
+      $('[data-subpart-id="{{subpart-id}}"] .card-body a').on('focusin', function(){
+        var _this = $(this);
+        var card_flip = _this.parents('.card-flip');
+        card_flip.addClass('hover-class');
+        var off_hover = function(){
+          card_flip.removeClass('hover-class');
+        }
+        _this.one('focusout', off_hover);
+      })
+    })
+  </script>
 </div>
\ No newline at end of file