Changeset 3144342

Timestamp:

08/30/2024 01:59:25 PM (19 months ago)

Author:

lovecoding

Message:

Prevent page reloading after accepting cookies

Location:

simple-cookie-notice/trunk

Files:

• public/js/jlplg_lovecoding_script.js (modified) (1 diff)
• readme.txt (modified) (2 diffs)
• simple-cookie-notice.php (modified) (2 diffs)
• styles.css (modified) (1 diff)

simple-cookie-notice/trunk/public/js/jlplg_lovecoding_script.js

@@ -38 +38 @@
                 expireTime = 30;
             }
-            button.addEventListener('click', function() {
+            button.addEventListener('click', function(e) {
+                e.preventDefault();
                 jlplgSetCookieConsent("jlplg-cookies-accepted", "yes", { days: parseInt(expireTime), path: "/" });
                 document.querySelector('.jlplg-lovecoding-cookie-info-container').classList.add('jlplg-hidden');

simple-cookie-notice/trunk/readme.txt

@@ -5 +5 @@
 Tested up to: 6.6
 Requires PHP: 7.0
-Stable tag: 1.9
+Stable tag: 2.0
 License: GPLv3
 License URI: http://www.gnu.org/licenses/gpl.html
@@ -42 +42 @@
 
 == Upgrade Notice ==
+
+= 2.0 =
+* Prevent page reloading after accepting cookies
+* Changed button styles (border and outline)
 
 = 1.9 =

simple-cookie-notice/trunk/simple-cookie-notice.php

@@ -3 +3 @@
  * Plugin Name: Simple Cookie Notice
  * Description: In simple way add personalized cookie info and link to wordpress privacy policy page.
- * Version: 1.9
+ * Version: 2.0
  * Requires at least: 5.0
  * Requires PHP: 7.0
@@ -79 +79 @@
     $allowed_html = jlplg_lovecoding_allowed_html();
 ?>
-    <div class="jlplg-lovecoding-cookie-info-container jlplg-hidden" style="<?php echo 'background-color: '.esc_attr( $background_color ).'; '.esc_attr( $cookie_info_placemet ).': 0' ?>" id="jlplg-lovecoding-cookie-info-container">
+    <div class="jlplg-lovecoding-cookie-info-container jlplg-hidden" 
+        style="<?php echo '--jlplg-buton-bg-color: '.esc_attr( $button_background_color ).'; background-color: '.esc_attr( $background_color ).'; '.esc_attr( $cookie_info_placemet ).': 0' ?>" 
+        id="jlplg-lovecoding-cookie-info-container">
         <form method="post" id="cookie-form"> 
             <p class="jlplg-lovecoding-cookie-info" style="<?php echo 'color: '.esc_attr( $text_color ) ?>"><?php echo wp_kses( $cookie_message, $allowed_html ); ?></p>

simple-cookie-notice/trunk/styles.css

@@ -27 +27 @@
 }
 
-.jlplg-lovecoding-cookie-accept-button, .jlplg-lovecoding-cookie-privacy-policy {
+button.jlplg-lovecoding-cookie-accept-button, button.jlplg-lovecoding-cookie-privacy-policy {
     padding: 5px 15px;
     border-radius: 4px;
-    /* background-color: rgb(220, 241, 255); */
     border: 2px solid transparent;
     margin: 5px 0;
 }
 
-.jlplg-lovecoding-cookie-accept-button:hover, .jlplg-lovecoding-cookie-privacy-policy:hover {
+button.jlplg-lovecoding-cookie-accept-button:hover, button.jlplg-lovecoding-cookie-privacy-policy:hover,
+button.jlplg-lovecoding-cookie-accept-button:focus, button.jlplg-lovecoding-cookie-privacy-policy:focus {
     cursor: pointer;
+    border: 2px solid transparent;
 }
 
-.jlplg-lovecoding-cookie-accept-button:focus, .jlplg-lovecoding-cookie-privacy-policy:focus {
-    border: 2px solid rgb(143, 143, 143);
-    outline: none;
+button.jlplg-lovecoding-cookie-accept-button:focus-visible, button.jlplg-lovecoding-cookie-privacy-policy:focus-visible {
+    border: 2px solid transparent;
+    outline: 2px solid var(--jlplg-buton-bg-color);
+    outline-offset: 2px;
 }