Ensuring we always enqueue any required css

Bynder · Jul 12, 2024 · b91505c · b91505c
1 parent da9863e
commit b91505c
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 7 deletions.
diff --git a/assets/css/cwby-component-disabled.css b/assets/css/cwby-component-disabled.css
@@ -0,0 +1,4 @@
+.gc-component-disabled {
+    pointer-events: none;
+    opacity: 0.5;
+}
diff --git a/assets/css/cwby-component-disabled.min.css b/assets/css/cwby-component-disabled.min.css
@@ -0,0 +1 @@
+.gc-component-disabled{pointer-events:none;opacity:.5}
diff --git a/includes/classes/admin/mapping-wizard.php b/includes/classes/admin/mapping-wizard.php
@@ -540,6 +540,8 @@ public function map_template() {
 		}
 
 		if ( $template_has_repeatable_fields && ! $is_acf_pro_installed ) {
+		    \GatherContent\Importer\enqueue_style('cwby-component-disabled', 'cwby-component-disabled');
+
 			$notes .= $this->view(
 				'graceful-degradation',
 				array( 'additionalClass' => 'gc-component-disabled' ),

diff --git a/includes/views/graceful-degradation.php b/includes/views/graceful-degradation.php
@@ -2,9 +2,3 @@
 <div class="notice notice-error is-dismissible">
 	<p><?php esc_html_e( 'Repeatable content mapping requires the installation of Advanced Custom Fields Pro WordPress Plugin. To enable this functionality, please install and refresh the page.', 'content-workflow-by-bynder' ); ?></p>
 </div>
-<style>
-	.gc-component-disabled {
-		pointer-events: none;
-		opacity: 0.5;
-	}
-</style>
diff --git a/tasks/options/cssmin.js b/tasks/options/cssmin.js
@@ -10,7 +10,7 @@ module.exports = {
 		expand: true,
 
 		cwd: 'assets/css/',
-		src: ['gathercontent-importer.css'],
+		src: ['gathercontent-importer.css', 'cwby-component-disabled.css'],
 
 		dest: 'assets/css/',
 		ext: '.min.css'
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		.gc-component-disabled{pointer-events:none;opacity:.5}