Merge pull request #684 from equalizedigital/william/hotfix/settings-…

…with-callout-awkward-layout

Add a class on the settings page container when pro callout will show

accessibility-checker.php

@@ -10,7 +10,7 @@
  * Plugin Name:       Accessibility Checker
  * Plugin URI:        https://a11ychecker.com
  * Description:       Audit and check your website for accessibility before you hit publish. In-post accessibility scanner and guidance.
- * Version:           1.14.0
+ * Version:           1.14.1
  * Author:            Equalize Digital
  * Author URI:        https://equalizedigital.com
  * License:           GPL-2.0+
@@ -35,7 +35,7 @@
 
 // Current plugin version.
 if ( ! defined( 'EDAC_VERSION' ) ) {
-	define( 'EDAC_VERSION', '1.14.0' );
+	define( 'EDAC_VERSION', '1.14.1' );
 }
 
 // Current database version.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "accessibility-checker",
-  "version": "1.14.0",
+  "version": "1.14.1",
   "description": "Audit and check your website for accessibility before you hit publish. In-post accessibility scanner and guidance.",
   "author": "Equalize Digital",
   "license": "GPL-2.0+",

partials/settings-page.php

@@ -45,7 +45,7 @@ function ( $a, $b ) {
 $settings_tab = ( array_search( $settings_tab, array_column( $settings_tab_items, 'slug' ), true ) !== false ) ? $settings_tab : $default_tab;
 ?>
 
-<div class="wrap edac-settings">
+<div class="wrap edac-settings <?php echo EDAC_KEY_VALID ? '' : 'pro-callout-wrapper'; ?>">
 
 	<h1><?php echo esc_html( get_admin_page_title() ); ?></h1>
 

readme.txt

@@ -171,6 +171,9 @@ No, Accessibility Checker runs completely on your server and does not require yo
 
 == Changelog ==
 
+= 1.14.1 =
+* Fixed: Prevent settings page layout issue
+
 = 1.14.0 =
 * Added: Option to move front-end highlighter to opposite side of the window
 * Fixed: Prevent image from overspilling container in issue view

src/admin/sass/accessibility-checker-admin.scss

@@ -820,6 +820,11 @@
 
 .edac-settings {
   max-width: 800px;
+
+  &.pro-callout-wrapper {
+    max-width: fit-content;
+  }
+
   .edac-description {
     font-size: 13px;
   }