Merge pull request #1238 from cloudinary/fix/gallery-settings-layout-controls-styling

Fix control styles on the gallery settings page

Author: gabrielcld2

css/gallery-rtl.css

@@ -1 +1 @@
-<?php return array('dependencies' => array('wp-block-editor', 'wp-components', 'wp-components/build-style/style.css', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => '92c1913a2ab581c0270f');
+<?php return array('dependencies' => array('wp-block-editor', 'wp-components', 'wp-components/build-style/style.css', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => 'e09fae43ef7020fbad7b');

css/gallery.css

@@ -220,6 +220,17 @@ public function enqueue_admin_scripts() {
 			$this->plugin->version
 		);
 
+		// Styles for the shared gallery controls (e.g. the Layout radio group)
+		// used by the settings page preview app. These live in `gallery.scss`,
+		// which is bundled with the `gallery` (settings) entry but is not
+		// auto-enqueued, so load it explicitly here.
+		wp_enqueue_style(
+			'cloudinary-gallery-controls-css',
+			$this->plugin->dir_url . 'css/gallery.css',
+			array(),
+			$this->plugin->version
+		);
+
 		$script = array(
 			'slug'      => 'gallery_config',
 			'src'       => $this->plugin->dir_url . 'js/gallery.js',

js/gallery-rtl.css

@@ -13,6 +13,7 @@ import { createRoot, render, useEffect, useState } from '@wordpress/element';
 /**
  * Internal dependencies
  */
+import '../../css/gallery.scss';
 import GalleryControls from '../gallery-block/controls';
 import {
 	convertColors,