| @@ -51,13 +51,13 @@ | ||
| 51 | 51 | </div> |
| 52 | 52 | |
| 53 | 53 | <h3 class="purge-cache" style="<?php echo esc_attr($display); ?>"> <?php esc_html_e('Purge the cache', 'wp-optimize'); ?></h3> |
| 54 | 54 | <div class="wpo-fieldgroup cache-options purge-cache" style="<?php echo esc_attr($display); ?>" > |
| 55 | - <p class="wpo-button-wrap"> | |
| 55 | + <div class="wpo-save-btn-container wpo-button-wrap"> | |
| 56 | 56 | <input id="wp-optimize-purge-cache" class="button button-primary <?php echo $can_purge_the_cache ? '' : 'disabled'; ?>" type="submit" value="<?php esc_attr_e('Purge cache', 'wp-optimize'); ?>" <?php echo $can_purge_the_cache ? '' : 'disabled'; ?>> |
| 57 | 57 | <img class="wpo_spinner" src="<?php echo esc_url(admin_url('images/spinner-2x.gif')); // phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- N/A ?>" alt="..."> |
| 58 | 58 | <span class="save-done dashicons dashicons-yes display-none"></span> |
| 59 | - </p> | |
| 59 | + </div> | |
| 60 | 60 | <p> |
| 61 | 61 | <?php esc_html_e('Deletes the entire cache contents but keeps the page cache enabled.', 'wp-optimize'); ?> |
| 62 | 62 | </p> |
| 63 | 63 | <p> |
| @@ -63,17 +63,17 @@ | ||
| 63 | 63 | <p> |
| 64 | 64 | <span id="wpo_current_cache_size_information"><?php esc_html_e('Current cache size:', 'wp-optimize'); ?> <?php echo esc_html(WP_Optimize()->format_size($cache_size['size'])); ?></span> |
| 65 | 65 | <br><span id="wpo_current_cache_file_count"><?php esc_html_e('Number of files:', 'wp-optimize'); ?> <?php echo esc_html($cache_size['file_count']); ?></span> |
| 66 | 66 | </p> |
| 67 | - <div class="wpo-fieldgroup__subgroup" style="padding-bottom: 15px;"> | |
| 68 | - <div style="float: left;"> | |
| 67 | + <div class="wpo-fieldgroup__subgroup" style="display: flex;"> | |
| 68 | + <div class="wpo-fieldgroup__subgroup"> | |
| 69 | 69 | <label for="wpo-auto-preload-after-purge"> |
| 70 | 70 | <input type="checkbox" id="wpo-auto-preload-after-purge" class="cache-settings" name="auto_preload_purged_contents" <?php checked($auto_preload_purged_contents); ?>> |
| 71 | 71 | <?php esc_html_e('Automatically preload content after it is purged', 'wp-optimize'); ?> |
| 72 | 72 | </label> |
| 73 | - <span tabindex="0" data-tooltip="<?php echo esc_attr__('Automatically preload pages when a post or page is purged or updated.', 'wp-optimize') . ' ' . esc_attr__('Note that enabling this feature may extend the time it takes to save a post due to background preloading.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 73 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php echo esc_attr__('Automatically preload pages when a post or page is purged or updated.', 'wp-optimize') . ' ' . esc_attr__('Note that enabling this feature may extend the time it takes to save a post due to background preloading.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 74 | 74 | </div> |
| 75 | - <span class="dashicons dashicons-yes display-none save-done" style="line-height: 20px; float: left;"></span> | |
| 75 | + <span class="dashicons dashicons-yes display-none save-done" style="line-height: 20px;"></span> | |
| 76 | 76 | </div> |
| 77 | 77 | |
| 78 | 78 | </div> |
| 79 | 79 | |
| @@ -85,9 +85,9 @@ | ||
| 85 | 85 | <label for="enable_mobile_caching"> |
| 86 | 86 | <input name="enable_mobile_caching" id="enable_mobile_caching" class="cache-settings" type="checkbox" value="true" <?php checked($wpo_cache_options['enable_mobile_caching'], 1); ?>> |
| 87 | 87 | <?php esc_html_e('Generate separate files for mobile devices', 'wp-optimize'); ?> |
| 88 | 88 | </label> |
| 89 | - <span tabindex="0" data-tooltip="<?php esc_attr_e('Useful if your website has mobile-specific content.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 89 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php esc_attr_e('Useful if your website has mobile-specific content.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 90 | 90 | </div> |
| 91 | 91 | |
| 92 | 92 | <div class="wpo-fieldgroup__subgroup"> |
| 93 | 93 | <label for="enable_user_caching"> |
| @@ -93,9 +93,9 @@ | ||
| 93 | 93 | <label for="enable_user_caching"> |
| 94 | 94 | <input name="enable_user_caching" id="enable_user_caching" class="cache-settings wpo-select-group" type="checkbox" value="true" <?php checked($wpo_cache_options['enable_user_caching']); ?>> |
| 95 | 95 | <?php esc_html_e('Serve cached pages to logged in users', 'wp-optimize'); ?> |
| 96 | 96 | </label> |
| 97 | - <span tabindex="0" data-tooltip="<?php esc_attr_e('Enable this option if you do not have user-specific or restricted content on your website (this works only when the cache is preloaded).', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 97 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php esc_attr_e('Enable this option if you do not have user-specific or restricted content on your website (this works only when the cache is preloaded).', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 98 | 98 | </div> |
| 99 | 99 | |
| 100 | 100 | <?php do_action('wpo_after_cache_settings'); ?> |
| 101 | 101 | |
| @@ -102,9 +102,9 @@ | ||
| 102 | 102 | <div class="wpo-fieldgroup__subgroup"> |
| 103 | 103 | <label for="page_cache_length_value"><?php esc_html_e('Cache lifespan', 'wp-optimize'); ?></label> |
| 104 | 104 | <p> |
| 105 | 105 | <input name="page_cache_length_value" id="page_cache_length_value" class="cache-settings" type="number" value="<?php echo esc_attr($wpo_cache_options['page_cache_length_value']); ?>"> |
| 106 | - <select name="page_cache_length_unit" id="page_cache_length_unit" class="cache-settings"> | |
| 106 | + <select name="page_cache_length_unit" id="page_cache_length_unit" class="cache-settings wpo-select2"> | |
| 107 | 107 | <option value="hours" <?php selected('hours', $wpo_cache_options['page_cache_length_unit']); ?>><?php esc_html_e('Hours', 'wp-optimize'); ?></option> |
| 108 | 108 | <option value="days" <?php selected('days', $wpo_cache_options['page_cache_length_unit']); ?>><?php esc_html_e('Days', 'wp-optimize'); ?></option> |
| 109 | 109 | <option value="months" <?php selected('months', $wpo_cache_options['page_cache_length_unit']); ?>><?php esc_html_e('Months', 'wp-optimize'); ?></option> |
| 110 | 110 | </select> |
| @@ -117,10 +117,12 @@ | ||
| 117 | 117 | <?php do_action('wpo_page_cache_settings_after', $wpo_cache_options); ?> |
| 118 | 118 | |
| 119 | 119 | </div> |
| 120 | 120 | |
| 121 | -<input id="wp-optimize-save-cache-settings" class="button button-primary" type="submit" name="wp-optimize-save-cache-settings" value="<?php esc_attr_e('Save changes', 'wp-optimize'); ?>"> | |
| 121 | +<div class="wpo-save-btn-container"> | |
| 122 | + <input id="wp-optimize-save-cache-settings" class="button button-primary" type="submit" name="wp-optimize-save-cache-settings" value="<?php esc_attr_e('Save changes', 'wp-optimize'); ?>"> | |
| 122 | 123 | |
| 123 | -<img class="wpo_spinner" src="<?php echo esc_url(admin_url('images/spinner-2x.gif')); // phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- N/A ?>" alt="...."> | |
| 124 | + <img class="wpo_spinner" src="<?php echo esc_url(admin_url('images/spinner-2x.gif')); // phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- N/A ?>" alt="...."> | |
| 124 | 125 | |
| 125 | -<span class="save-done dashicons dashicons-yes display-none"></span> | |
| 126 | + <span class="save-done dashicons dashicons-yes display-none"></span> | |
| 127 | +</div> | |
| 126 | 128 | <?php endif; |