Changeset 2760763

Timestamp:

07/24/2022 10:29:52 AM (3 years ago)

Author:

dmitrylitvinov

Message:

• Added the ability to hide the display on mobile.

Location:

juicy-contact-button

Files:

• tags/release-1.3.0 (added)
• tags/release-1.3.0/admin.php (added)
• tags/release-1.3.0/juicy-contact-button.php (added)
• tags/release-1.3.0/license.txt (added)
• tags/release-1.3.0/readme.txt (added)
• trunk/admin.php (modified) (2 diffs)
• trunk/juicy-contact-button.php (modified) (3 diffs)
• trunk/readme.txt (modified) (3 diffs)

juicy-contact-button/trunk/admin.php

@@ -47 +47 @@
         add_settings_field( 'primer_field10', __('Set your z-index','juicy-contact-button'), array( 'JuicyContactButton', 'zIndex' ), 'section_juicy_contact_button_1', 'section_id' );
  add_settings_field( 'primer_field12', __('Only shortcode','juicy-contact-button'), array( 'JuicyContactButton', 'do_shortcode' ), 'section_juicy_contact_button_1', 'section_id' );
+        add_settings_field( 'primer_field13', __('Only on desktop','juicy-contact-button'), array( 'JuicyContactButton', 'no_mobile' ), 'section_juicy_contact_button_1', 'section_id' );
 
 
@@ -210 +211 @@
     <?php }
 
+    public static function no_mobile() {
+        $val = get_option( 'juicy_contact_button_option' );
+        $checked = isset($val['no_mobile']) ? "checked" : "";
+        ?>
+        <input name="juicy_contact_button_option[no_mobile]" type="checkbox" value="true" <?php echo $checked; ?>>
+
+    <?php }
+
+
     ## Очистка данных
     public static function sanitize_callback( $options ) {

juicy-contact-button/trunk/juicy-contact-button.php

@@ -2 +2 @@
 /*
  * Plugin Name:     Juicy Contact Button
- * Version:         1.2.0
+ * Version:         1.3.0
  * Text Domain:     juicy-contact-button
  * Plugin URI:      https://yrokiwp.ru
@@ -19 +19 @@
 
 
-define('JUICY_CONTACT_BUTTON_VERSION', '1.1.0');
+define('JUICY_CONTACT_BUTTON_VERSION', '1.3.0');
 define('JUICY_CONTACT_BUTTON_PLUGIN_DIR', plugin_dir_path(__FILE__));
 /*------------Страница админки*------------*/
@@ -101 +101 @@
 
      // SCRIPT STYLES (DON'T TOUCH) || СТИЛИ СКРИПТА (НЕ ТРОГАТЬ)
-
-     const pluginStyles = `<style>*{padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}.contact-popup-plugin{font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 400; position: <?php echo $shortcode1; ?>; z-index: 250; -webkit-transition: all ease 1s; transition: all ease 1s; height: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 52px; max-width: 95%;}@media (max-width: 767px){.contact-popup-plugin{font-size: 12px; width: 90% !important; max-width: 90% !important; margin-left: -45%;}.contact-popup-plugin._top-left, .contact-popup-plugin._top-right{top: -55px !important;}.contact-popup-plugin._top-left .contact-popup-content, .contact-popup-plugin._top-right .contact-popup-content{border-radius: 0 0 30px 30px !important; width: 100%; min-height: 55px; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important;}.contact-popup-plugin._top-left._active, .contact-popup-plugin._top-right._active{top: 0px !important;}.contact-popup-plugin._top-left._active .contact-popup-content, .contact-popup-plugin._top-right._active .contact-popup-content{margin: 0 0 10px 0 !important;}.contact-popup-plugin._top-left, .contact-popup-plugin._bottom-left{left: 50% !important; margin-left: -45%;}.contact-popup-plugin._top-right, .contact-popup-plugin._bottom-right{right: 50% !important; margin-right: -45%;}.contact-popup-plugin._top-left, .contact-popup-plugin._top-right{-webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important;}.contact-popup-plugin._top-left .contact-popup-button, .contact-popup-plugin._top-right .contact-popup-button{top: 10px !important;}.contact-popup-plugin._bottom-left, .contact-popup-plugin._bottom-right{-webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important;}.contact-popup-plugin._bottom-left .contact-popup-button, .contact-popup-plugin._bottom-right .contact-popup-button{bottom: 10px !important;}.contact-popup-plugin._bottom-left, .contact-popup-plugin._bottom-right{bottom: -3px !important;}.contact-popup-plugin._bottom-left .contact-popup-content, .contact-popup-plugin._bottom-right .contact-popup-content{width: 100%; min-height: 55px; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; border-radius: 30px 30px 0 0 !important;}.contact-popup-plugin._bottom-left._active, .contact-popup-plugin._bottom-right._active{bottom: 59px !important;}.contact-popup-plugin._bottom-left._active .contact-popup-content, .contact-popup-plugin._bottom-right._active .contact-popup-content{margin: 10px 0 0 0 !important;}}.contact-popup-plugin a{text-decoration: none; color: inherit; font-weight: inherit;}.contact-popup-plugin._sticky._autoopen._bottom-left, .contact-popup-plugin._sticky._autoopen._bottom-right{bottom: 10px !important;}.contact-popup-plugin._sticky .contact-popup-content{padding: 0 !important;}.contact-popup-plugin._sticky._active .contact-popup-content{padding: 12px 24px !important;}.contact-popup-plugin._sticky._top-left, .contact-popup-plugin._sticky._top-right{-webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important;}.contact-popup-plugin._sticky._top-left .contact-popup-content, .contact-popup-plugin._sticky._top-right .contact-popup-content{margin: 0 0 10px 0 !important;}.contact-popup-plugin._sticky .contact-popup-plugin._sticky._top-left, .contact-popup-plugin._sticky._bottom-left{left: 20px;}@media (max-width: 767px){.contact-popup-plugin._sticky .contact-popup-plugin._sticky._top-left, .contact-popup-plugin._sticky._bottom-left{left: 50% !important; margin-left: -45%;}}.contact-popup-plugin._sticky._top-right, .contact-popup-plugin._sticky._bottom-right{right: 20px;}@media (max-width: 767px){.contact-popup-plugin._sticky._top-right, .contact-popup-plugin._sticky._bottom-right{right: 50% !important; margin-right: -45%;}}.contact-popup-plugin._sticky._bottom-left, .contact-popup-plugin._sticky._bottom-right{-webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; width: auto;}.contact-popup-plugin._sticky._bottom-left .contact-popup-content, .contact-popup-plugin._sticky._bottom-right .contact-popup-content{border-radius: 30px 30px 0 0; min-height: 55px; max-height: 55px; width: 100%;}.contact-popup-plugin._sticky._bottom-left._active, .contact-popup-plugin._sticky._bottom-right._active{bottom: 60px;}.contact-popup-plugin._sticky._bottom-left._active .contact-popup-content, .contact-popup-plugin._sticky._bottom-right._active .contact-popup-content{margin: 10px 0 0 0 !important;}.contact-popup-plugin._sticky._top-left, .contact-popup-plugin._sticky._top-right{-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; top: 0; width: auto;}.contact-popup-plugin._sticky._top-left .contact-popup-content, .contact-popup-plugin._sticky._top-right .contact-popup-content{border-radius: 0 0 30px 30px; min-height: 0; max-height: 0; width: 100%;}.contact-popup-plugin._sticky._top-left._active .contact-popup-content, .contact-popup-plugin._sticky._top-right._active .contact-popup-content{min-height: 55px; margin: 0 0 10px 0;}.contact-popup-plugin._sticky._top-left .contact-popup-content, .contact-popup-plugin._sticky._top-right .contact-popup-content{margin: 0;}@media (max-width: 767px){.contact-popup-plugin._sticky._top-left, .contact-popup-plugin._sticky._top-right{top: 0 !important;}}.contact-popup-plugin._top-left, .contact-popup-plugin._bottom-left{-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; left: 20px;}@media (min-width: 768px){.contact-popup-plugin._top-left, .contact-popup-plugin._bottom-left{-webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important;}}.contact-popup-plugin._top-left .contact-popup-content, .contact-popup-plugin._bottom-left .contact-popup-content{margin: 0 0 0 10px !important;}.contact-popup-plugin._top-left, .contact-popup-plugin._top-right{top: 20px;}.contact-popup-plugin._bottom-left, .contact-popup-plugin._bottom-right{bottom: 20px;}.contact-popup-plugin._top-right, .contact-popup-plugin._bottom-right{right: 20px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}.contact-popup-plugin._black{color: #fff;}.contact-popup-plugin._black .contact-popup-button, .contact-popup-plugin._black .contact-popup-content{background-color: #191919;}.contact-popup-plugin._black .contact-popup-online, .contact-popup-plugin._black .contact-popup-branding{border-left: 2px solid rgba(255, 255, 255, 0.1);}.contact-popup-plugin._black .contact-popup-text{border-right: 2px solid rgba(255, 255, 255, 0.1);}.contact-popup-plugin._white{color: #191919;}.contact-popup-plugin._white .contact-popup-button, .contact-popup-plugin._white .contact-popup-content{background-color: #fff;}.contact-popup-plugin._white .contact-popup-button svg path, .contact-popup-plugin._white .contact-popup-content svg path{fill: #191919;}.contact-popup-plugin._white .contact-popup-online, .contact-popup-plugin._white .contact-popup-branding{border-left: 2px solid rgba(25, 25, 25, 0.1);}.contact-popup-plugin._white .contact-popup-text{border-right: 2px solid rgba(0, 0, 0, 0.1);}.contact-popup-plugin._white .contact-popup-button-close::before, .contact-popup-plugin._white .contact-popup-button-close::after{background-color: #191919;}.contact-popup-plugin._green{color: #fff;}.contact-popup-plugin._green .contact-popup-button, .contact-popup-plugin._green .contact-popup-content{background-color: #41BE36;}.contact-popup-plugin._green .contact-popup-online-orb{background-color: #fff;}.contact-popup-plugin._blue{color: #fff;}.contact-popup-plugin._blue .contact-popup-button, .contact-popup-plugin._blue .contact-popup-content{background-color: #0085ED;}.contact-popup-plugin._green .contact-popup-online, .contact-popup-plugin._green .contact-popup-branding, .contact-popup-plugin._blue .contact-popup-online, .contact-popup-plugin._blue .contact-popup-branding{border-left: 2px solid rgba(255, 255, 255, 0.5);}.contact-popup-plugin._green .contact-popup-text, .contact-popup-plugin._blue .contact-popup-text{border-right: 2px solid rgba(255, 255, 255, 0.5);}.contact-popup-plugin._green .contact-popup-button-close::before, .contact-popup-plugin._green .contact-popup-button-close::after, .contact-popup-plugin._blue .contact-popup-button-close::before, .contact-popup-plugin._blue .contact-popup-button-close::after, .contact-popup-plugin._black .contact-popup-button-close::before, .contact-popup-plugin._black .contact-popup-button-close::after{background-color: #fff;}.contact-popup-plugin._active{width: auto;}.contact-popup-plugin._active .contact-popup-button .contact-popup-button-close{-webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}.contact-popup-plugin._active .contact-popup-button svg{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0;}.contact-popup-plugin._active .contact-popup-content{padding: 18px 24px; margin: 0 10px 0 0; width: 100%;}.contact-popup-plugin._active .contact-popup-content .contact-popup-online{width: 100%;}@media (max-width: 767px){.contact-popup-plugin._active .contact-popup-content{width: 100%;}}.contact-popup-plugin._active._top-left .contact-popup-content, .contact-popup-plugin._active ._bottom-left .contact-popup-content{margin: 0 0 0 10px;}.contact-popup-plugin._branding .contact-popup-online{padding: 0 12px;}.contact-popup-plugin._branding .contact-popup-branding{display: -webkit-box; display: -ms-flexbox; display: flex;}.contact-popup-button{border-radius: 50%; height: 52px; width: 52px; min-width: 52px; min-height: 52px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; position: relative;}.contact-popup-button .contact-popup-button-close{width: 16px; height: 16px; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0;}.contact-popup-button .contact-popup-button-close::before, .contact-popup-button .contact-popup-button-close::after{content: ''; position: absolute; width: 100%; height: 2px; top: 8px; border-radius: 8px;}.contact-popup-button .contact-popup-button-close::before{-webkit-transform: rotate(45deg); transform: rotate(45deg);}.contact-popup-button .contact-popup-button-close::after{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}.contact-popup-button svg, .contact-popup-button .contact-popup-button-close{position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; -webkit-transition: all ease .6s; transition: all ease .6s;}.contact-popup-button svg{-webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}.contact-popup-content{height: 52px; border-radius: 50px; padding: 18px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 0; -webkit-transition: all ease .6s; transition: all ease .6s; overflow: hidden;}.contact-popup-connection{white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 12px; width: -webkit-fit-content I !important; width: -moz-fit-content I !important; width: fit-content I !important;}@media (max-width: 767px){.contact-popup-connection{padding: 0 12px 0 0;}}.contact-popup-connection._min{padding: 0 12px 0 0;}.contact-popup-connection svg{margin: 0 12px 0 0;}@-webkit-keyframes onlineAnim{0%{opacity: 1;}50%{opacity: 0;}100%{opacity: 1;}}@keyframes onlineAnim{0%{opacity: 1;}50%{opacity: 0;}100%{opacity: 1;}}.contact-popup-online{padding: 0 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all ease .6s; transition: all ease .6s; font-weight: 300; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}@media (max-width: 767px){.contact-popup-online{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}}.contact-popup-online._min{padding: 0 0 0 12px;}.contact-popup-online .contact-popup-online-orb{min-width: 6px; min-height: 6px; max-width: 6px; max-height: 6px; border-radius: 50%; background-color: #10CC00; -webkit-transition: all ease .2s; transition: all ease .2s; margin: 0 6px 0 0; -webkit-animation: onlineAnim; animation: onlineAnim; -webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}.contact-popup-branding{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 0 12px; white-space: nowrap;}@media (max-width: 767px){.contact-popup-branding{display: none;}}.contact-popup-branding svg{margin: 0 10px 0 0;max-width:inherit;}.contact-popup-text{white-space: nowrap; padding: 0 12px 0 0;}.contact-popup-text._disabled{display: none;}@media (max-width: 767px){.contact-popup-text{display: none;}}</style>`
+<?php if(empty( $val['no_mobile'])){
+    $no_mobile = '';
+}else{
+    $no_mobile = '@media (max-width: 767px){.contact-popup-wrapper{display:none!important}}';
+}?>
+
+     const pluginStyles = `<style>*{padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}.contact-popup-plugin{font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 400; position: <?php echo $shortcode1; ?>; z-index: 250; -webkit-transition: all ease 1s; transition: all ease 1s; height: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 52px; max-width: 95%;}@media (max-width: 767px){.contact-popup-plugin{font-size: 12px; width: 90% !important; max-width: 90% !important; margin-left: -45%;}.contact-popup-plugin._top-left, .contact-popup-plugin._top-right{top: -55px !important;}.contact-popup-plugin._top-left .contact-popup-content, .contact-popup-plugin._top-right .contact-popup-content{border-radius: 0 0 30px 30px !important; width: 100%; min-height: 55px; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important;}.contact-popup-plugin._top-left._active, .contact-popup-plugin._top-right._active{top: 0px !important;}.contact-popup-plugin._top-left._active .contact-popup-content, .contact-popup-plugin._top-right._active .contact-popup-content{margin: 0 0 10px 0 !important;}.contact-popup-plugin._top-left, .contact-popup-plugin._bottom-left{left: 50% !important; margin-left: -45%;}.contact-popup-plugin._top-right, .contact-popup-plugin._bottom-right{right: 50% !important; margin-right: -45%;}.contact-popup-plugin._top-left, .contact-popup-plugin._top-right{-webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important;}.contact-popup-plugin._top-left .contact-popup-button, .contact-popup-plugin._top-right .contact-popup-button{top: 10px !important;}.contact-popup-plugin._bottom-left, .contact-popup-plugin._bottom-right{-webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important;}.contact-popup-plugin._bottom-left .contact-popup-button, .contact-popup-plugin._bottom-right .contact-popup-button{bottom: 10px !important;}.contact-popup-plugin._bottom-left, .contact-popup-plugin._bottom-right{bottom: -3px !important;}.contact-popup-plugin._bottom-left .contact-popup-content, .contact-popup-plugin._bottom-right .contact-popup-content{width: 100%; min-height: 55px; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; border-radius: 30px 30px 0 0 !important;}.contact-popup-plugin._bottom-left._active, .contact-popup-plugin._bottom-right._active{bottom: 59px !important;}.contact-popup-plugin._bottom-left._active .contact-popup-content, .contact-popup-plugin._bottom-right._active .contact-popup-content{margin: 10px 0 0 0 !important;}}.contact-popup-plugin a{text-decoration: none; color: inherit; font-weight: inherit;}.contact-popup-plugin._sticky._autoopen._bottom-left, .contact-popup-plugin._sticky._autoopen._bottom-right{bottom: 10px !important;}.contact-popup-plugin._sticky .contact-popup-content{padding: 0 !important;}.contact-popup-plugin._sticky._active .contact-popup-content{padding: 12px 24px !important;}.contact-popup-plugin._sticky._top-left, .contact-popup-plugin._sticky._top-right{-webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important;}.contact-popup-plugin._sticky._top-left .contact-popup-content, .contact-popup-plugin._sticky._top-right .contact-popup-content{margin: 0 0 10px 0 !important;}.contact-popup-plugin._sticky .contact-popup-plugin._sticky._top-left, .contact-popup-plugin._sticky._bottom-left{left: 20px;}@media (max-width: 767px){.contact-popup-plugin._sticky .contact-popup-plugin._sticky._top-left, .contact-popup-plugin._sticky._bottom-left{left: 50% !important; margin-left: -45%;}}.contact-popup-plugin._sticky._top-right, .contact-popup-plugin._sticky._bottom-right{right: 20px;}@media (max-width: 767px){.contact-popup-plugin._sticky._top-right, .contact-popup-plugin._sticky._bottom-right{right: 50% !important; margin-right: -45%;}}.contact-popup-plugin._sticky._bottom-left, .contact-popup-plugin._sticky._bottom-right{-webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; width: auto;}.contact-popup-plugin._sticky._bottom-left .contact-popup-content, .contact-popup-plugin._sticky._bottom-right .contact-popup-content{border-radius: 30px 30px 0 0; min-height: 55px; max-height: 55px; width: 100%;}.contact-popup-plugin._sticky._bottom-left._active, .contact-popup-plugin._sticky._bottom-right._active{bottom: 60px;}.contact-popup-plugin._sticky._bottom-left._active .contact-popup-content, .contact-popup-plugin._sticky._bottom-right._active .contact-popup-content{margin: 10px 0 0 0 !important;}.contact-popup-plugin._sticky._top-left, .contact-popup-plugin._sticky._top-right{-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; top: 0; width: auto;}.contact-popup-plugin._sticky._top-left .contact-popup-content, .contact-popup-plugin._sticky._top-right .contact-popup-content{border-radius: 0 0 30px 30px; min-height: 0; max-height: 0; width: 100%;}.contact-popup-plugin._sticky._top-left._active .contact-popup-content, .contact-popup-plugin._sticky._top-right._active .contact-popup-content{min-height: 55px; margin: 0 0 10px 0;}.contact-popup-plugin._sticky._top-left .contact-popup-content, .contact-popup-plugin._sticky._top-right .contact-popup-content{margin: 0;}@media (max-width: 767px){.contact-popup-plugin._sticky._top-left, .contact-popup-plugin._sticky._top-right{top: 0 !important;}}.contact-popup-plugin._top-left, .contact-popup-plugin._bottom-left{-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; left: 20px;}@media (min-width: 768px){.contact-popup-plugin._top-left, .contact-popup-plugin._bottom-left{-webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important;}}.contact-popup-plugin._top-left .contact-popup-content, .contact-popup-plugin._bottom-left .contact-popup-content{margin: 0 0 0 10px !important;}.contact-popup-plugin._top-left, .contact-popup-plugin._top-right{top: 20px;}.contact-popup-plugin._bottom-left, .contact-popup-plugin._bottom-right{bottom: 20px;}.contact-popup-plugin._top-right, .contact-popup-plugin._bottom-right{right: 20px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}.contact-popup-plugin._black{color: #fff;}.contact-popup-plugin._black .contact-popup-button, .contact-popup-plugin._black .contact-popup-content{background-color: #191919;}.contact-popup-plugin._black .contact-popup-online, .contact-popup-plugin._black .contact-popup-branding{border-left: 2px solid rgba(255, 255, 255, 0.1);}.contact-popup-plugin._black .contact-popup-text{border-right: 2px solid rgba(255, 255, 255, 0.1);}.contact-popup-plugin._white{color: #191919;}.contact-popup-plugin._white .contact-popup-button, .contact-popup-plugin._white .contact-popup-content{background-color: #fff;}.contact-popup-plugin._white .contact-popup-button svg path, .contact-popup-plugin._white .contact-popup-content svg path{fill: #191919;}.contact-popup-plugin._white .contact-popup-online, .contact-popup-plugin._white .contact-popup-branding{border-left: 2px solid rgba(25, 25, 25, 0.1);}.contact-popup-plugin._white .contact-popup-text{border-right: 2px solid rgba(0, 0, 0, 0.1);}.contact-popup-plugin._white .contact-popup-button-close::before, .contact-popup-plugin._white .contact-popup-button-close::after{background-color: #191919;}.contact-popup-plugin._green{color: #fff;}.contact-popup-plugin._green .contact-popup-button, .contact-popup-plugin._green .contact-popup-content{background-color: #41BE36;}.contact-popup-plugin._green .contact-popup-online-orb{background-color: #fff;}.contact-popup-plugin._blue{color: #fff;}.contact-popup-plugin._blue .contact-popup-button, .contact-popup-plugin._blue .contact-popup-content{background-color: #0085ED;}.contact-popup-plugin._green .contact-popup-online, .contact-popup-plugin._green .contact-popup-branding, .contact-popup-plugin._blue .contact-popup-online, .contact-popup-plugin._blue .contact-popup-branding{border-left: 2px solid rgba(255, 255, 255, 0.5);}.contact-popup-plugin._green .contact-popup-text, .contact-popup-plugin._blue .contact-popup-text{border-right: 2px solid rgba(255, 255, 255, 0.5);}.contact-popup-plugin._green .contact-popup-button-close::before, .contact-popup-plugin._green .contact-popup-button-close::after, .contact-popup-plugin._blue .contact-popup-button-close::before, .contact-popup-plugin._blue .contact-popup-button-close::after, .contact-popup-plugin._black .contact-popup-button-close::before, .contact-popup-plugin._black .contact-popup-button-close::after{background-color: #fff;}.contact-popup-plugin._active{width: auto;}.contact-popup-plugin._active .contact-popup-button .contact-popup-button-close{-webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}.contact-popup-plugin._active .contact-popup-button svg{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0;}.contact-popup-plugin._active .contact-popup-content{padding: 18px 24px; margin: 0 10px 0 0; width: 100%;}.contact-popup-plugin._active .contact-popup-content .contact-popup-online{width: 100%;}@media (max-width: 767px){.contact-popup-plugin._active .contact-popup-content{width: 100%;}}.contact-popup-plugin._active._top-left .contact-popup-content, .contact-popup-plugin._active ._bottom-left .contact-popup-content{margin: 0 0 0 10px;}.contact-popup-plugin._branding .contact-popup-online{padding: 0 12px;}.contact-popup-plugin._branding .contact-popup-branding{display: -webkit-box; display: -ms-flexbox; display: flex;}.contact-popup-button{border-radius: 50%; height: 52px; width: 52px; min-width: 52px; min-height: 52px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; position: relative;}.contact-popup-button .contact-popup-button-close{width: 16px; height: 16px; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0;}.contact-popup-button .contact-popup-button-close::before, .contact-popup-button .contact-popup-button-close::after{content: ''; position: absolute; width: 100%; height: 2px; top: 8px; border-radius: 8px;}.contact-popup-button .contact-popup-button-close::before{-webkit-transform: rotate(45deg); transform: rotate(45deg);}.contact-popup-button .contact-popup-button-close::after{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}.contact-popup-button svg, .contact-popup-button .contact-popup-button-close{position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; -webkit-transition: all ease .6s; transition: all ease .6s;}.contact-popup-button svg{-webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}.contact-popup-content{height: 52px; border-radius: 50px; padding: 18px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 0; -webkit-transition: all ease .6s; transition: all ease .6s; overflow: hidden;}.contact-popup-connection{white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 12px; width: -webkit-fit-content I !important; width: -moz-fit-content I !important; width: fit-content I !important;}@media (max-width: 767px){.contact-popup-connection{padding: 0 12px 0 0;}}.contact-popup-connection._min{padding: 0 12px 0 0;}.contact-popup-connection svg{margin: 0 12px 0 0;}@-webkit-keyframes onlineAnim{0%{opacity: 1;}50%{opacity: 0;}100%{opacity: 1;}}@keyframes onlineAnim{0%{opacity: 1;}50%{opacity: 0;}100%{opacity: 1;}}.contact-popup-online{padding: 0 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all ease .6s; transition: all ease .6s; font-weight: 300; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}@media (max-width: 767px){.contact-popup-online{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}}.contact-popup-online._min{padding: 0 0 0 12px;}.contact-popup-online .contact-popup-online-orb{min-width: 6px; min-height: 6px; max-width: 6px; max-height: 6px; border-radius: 50%; background-color: #10CC00; -webkit-transition: all ease .2s; transition: all ease .2s; margin: 0 6px 0 0; -webkit-animation: onlineAnim; animation: onlineAnim; -webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}.contact-popup-branding{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 0 12px; white-space: nowrap;}@media (max-width: 767px){.contact-popup-branding{display: none;}}.contact-popup-branding svg{margin: 0 10px 0 0;max-width:inherit;}.contact-popup-text{white-space: nowrap; padding: 0 12px 0 0;}.contact-popup-text._disabled{display: none;}@media (max-width: 767px){.contact-popup-text{display: none;}}<?php echo $no_mobile; ?></style>`
 
      const yrokiWpLogo = `<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.8"><g clip-path="url(#clip0_10_217)"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.00296 0.5L1.25403 4.36473L8.00296 8.22947L14.7519 4.36473L8.00296 0.5ZM8.16696 4.85695C8.24205 4.86997 8.31039 4.89343 8.36588 4.9252L8.94147 5.25482C9.11038 5.35155 9.38423 5.35155 9.5531 5.25482C9.72202 5.15812 9.72202 5.00129 9.5531 4.9046L8.97888 4.57575C8.92249 4.54348 8.88115 4.50363 8.85859 4.45984L8.13883 3.06273C8.03955 2.87002 7.61635 2.80834 7.36826 2.95041C7.24306 3.02211 7.20032 3.12847 7.25826 3.22429L7.90056 4.28686L6.0288 3.92708C5.8609 3.8948 5.67554 3.91974 5.55027 3.99147C5.30101 4.13421 5.4075 4.3776 5.74482 4.43619L8.16696 4.85695Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15.1724 4.90585L8.42346 8.77059V16.5001L15.1724 12.6353V4.90585ZM12.3083 8.78268C12.1312 8.78427 11.9146 8.85836 11.6587 9.00491L11.0555 9.3503C10.8692 9.457 10.7181 9.71656 10.7181 9.93001V12.7489C10.7181 12.9423 10.855 13.0207 11.0239 12.924C11.1928 12.8272 11.3297 12.592 11.3297 12.3986V12.0097C11.3297 11.7963 11.4808 11.5367 11.6672 11.43L11.7684 11.3721C11.9709 11.2561 12.141 11.1232 12.2788 10.9735C12.4194 10.8189 12.5305 10.6587 12.612 10.4928C12.6964 10.3253 12.7568 10.1587 12.7934 9.99281C12.8328 9.8221 12.8525 9.66431 12.8525 9.51938C12.8525 9.27463 12.806 9.09024 12.7132 8.96626C12.6205 8.83903 12.4855 8.77785 12.3083 8.78268ZM11.9962 10.5073C11.9343 10.5782 11.857 10.6402 11.7642 10.6933L11.6672 10.7489C11.4808 10.8556 11.3297 10.769 11.3297 10.5556V10.2561C11.3297 10.0427 11.4808 9.78311 11.6672 9.6764L11.7684 9.61843C11.8753 9.55722 11.9596 9.52985 12.0215 9.53631C12.0862 9.54114 12.134 9.56529 12.1649 9.60877C12.1958 9.65225 12.2155 9.70214 12.224 9.75853C12.2352 9.81005 12.2408 9.85352 12.2408 9.88896C12.2408 9.93403 12.2324 9.992 12.2155 10.0629C12.2015 10.1321 12.1761 10.2062 12.1396 10.2851C12.1058 10.3591 12.058 10.4332 11.9962 10.5073Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.73013 8.77059L0.981201 4.90585L0.981201 12.6353L7.73013 16.5001V8.77059ZM2.7249 8.30052C2.53522 8.19188 2.40469 8.3353 2.47314 8.57708L3.35079 11.6775C3.43665 11.9808 3.74677 12.1703 3.84726 11.9808L4.42818 10.8855C4.43256 10.8773 4.43636 10.8685 4.4396 10.8592L4.91826 12.5002C5.0101 12.8151 5.33573 12.9969 5.42181 12.7813L6.24058 10.7308C6.30623 10.5664 6.17582 10.2766 5.98758 10.1689L5.91806 10.129C5.79926 10.061 5.69444 10.0899 5.6598 10.2002L5.19281 11.6879L4.56315 9.54632C4.52188 9.40595 4.4229 9.27285 4.31293 9.20989L4.28659 9.19478C4.09549 9.08537 3.9649 9.23173 4.03602 9.47559L4.29108 10.35C4.16044 10.201 3.98271 10.1512 3.91833 10.2979L3.65808 10.8908L3.11028 8.7309C3.07308 8.58423 2.9703 8.44104 2.85468 8.37484L2.7249 8.30052Z" fill="white"/></g></g><defs><clipPath id="clip0_10_217"><rect x="0.981201" y="0.5" width="14.2222" height="16" fill="white"/></clipPath></defs></svg>`

juicy-contact-button/trunk/readme.txt

@@ -5 +5 @@
 Requires at least:  4.9
 Tested up to:  6.0
-Stable tag: 1.2.0
+Stable tag: 1.3.0
 Requires PHP: 7.1
 License: GPLv3 or later
@@ -18 +18 @@
 == Installation ==
 
-1. Upload dir `float-contact` to the `/wp-content/plugins/` directory
+1. Upload dir `juicy-contact-button` to the `/wp-content/plugins/` directory
 2. Activate the plugin through the 'Plugins' menu in WordPress
 
@@ -43 +43 @@
 == Changelog ==
 
-=1.2.0 – 2022-07-02 =
+= 1.3.0 – 2022-07-24 =
+* Added the ability to hide the display on mobile.
+
+= 1.2.0 – 2022-07-02 =
 * Added shortcode support