Merge pull request #5 from bootscore/5.1.3.2

Fix modal backdrop in Chrome/Edge

main.php

@@ -2,7 +2,7 @@
 /*Plugin Name: bS Cookie Settings
 Plugin URI: https://bootscore.me/plugins/bs-cookie-settings/
 Description: This plugin adds a cookie modal to bootScore
-Version: 5.0.0.0
+Version: 5.1.3.2
 Author: bootScore
 Author URI: https://bootscore.me
 License: MIT License

readme.txt

@@ -1,12 +1,12 @@
 
-=== bS Cookie Consent ===
+=== bS Cookie Settings ===
 
 Contributors: Bastian Kreiter
 
 Requires at least: 4.5
-Tested up to: 5.8.1
+Tested up to: 6.0
 Requires PHP: 5.6
-Stable tag: 5.0.0.0
+Stable tag: 5.1.3.2
 License: MIT License
 License URI: https://github.com/bootscore/bs-cookie-settings/blob/main/LICENSE
 
@@ -31,6 +31,11 @@ Read documentation https://github.com/bootscore/bs-cookie-settings/blob/main/REA
 
 == Changelog ==
 
-    = 5.0.0.0 - January 03 2022 =
+  = 5.1.3.2 - June 03 2022 =
+
+    * Fix modal backdrop in Chrome/Edge. Used rgba instead of opacity.
+    * Switched to FA5 icons
+
+  = 5.0.0.0 - January 03 2022 =
 
-        * Initial release
+    * Initial release

src/css/cookie-settings.css

@@ -24,13 +24,13 @@
   z-index: 2;
   visibility: hidden;
   opacity: 0;
-  background-color: #000000;
+  background-color: rgba(0,0,0,.5);
   transition: visibility .3s linear, opacity .3s ease-out, transform .3s ease-out !important;
 }
 
 .show--settings #cs-ov {
   visibility: visible !important;
-  opacity: .5 !important;
+  opacity: 1 !important;
 }
 /* Backdrop End */
 
@@ -114,11 +114,12 @@ CookieConsent settings modal
 }
 
 button.b-tl.exp::before {
-  font: var(--fa-font-solid);
   content: "\f054";
+  font-family: "Font Awesome 5 Free";
+  font-weight: 900;
   display: inline-block;
   margin-right: .5rem;
-  transition: transform 0.35s ease;
+  transition: transform .35s ease
 }
 
 button.b-tl.exp[aria-expanded="true"]::before {