| @@ -14,16 +14,35 @@ | ||
| 14 | 14 | public static function register_elementor_hooks() { |
| 15 | 15 | require_once FrmAppHelper::plugin_path() . '/classes/widgets/FrmElementorWidget.php'; |
| 16 | 16 | \Elementor\Plugin::instance()->widgets_manager->register( new \FrmElementorWidget() ); |
| 17 | 17 | |
| 18 | - if ( is_admin() ) { | |
| 19 | - add_action( | |
| 20 | - 'elementor/editor/after_enqueue_styles', | |
| 21 | - function() { | |
| 22 | - wp_enqueue_style( 'font_icons', FrmAppHelper::plugin_url() . '/css/font_icons.css', array(), FrmAppHelper::plugin_version() ); | |
| 23 | - } | |
| 24 | - ); | |
| 18 | + add_action( 'elementor/editor/after_enqueue_styles', array( self::class, 'enqueue_editor_styles' ) ); | |
| 19 | + } | |
| 20 | + | |
| 21 | + /** | |
| 22 | + * Enqueue styles for the Elementor editor to display the Formidable widget icon. | |
| 23 | + * | |
| 24 | + * @since 6.27 | |
| 25 | + * | |
| 26 | + * @return void | |
| 27 | + */ | |
| 28 | + public static function enqueue_editor_styles() { | |
| 29 | + $icon = rawurlencode( FrmAppHelper::svg_logo() ); | |
| 30 | + $css = ' | |
| 31 | + .elementor-element .icon .frm_logo_icon { | |
| 32 | + display: flex; | |
| 33 | + align-items: center; | |
| 34 | + justify-content: center; | |
| 25 | 35 | } |
| 36 | + .elementor-element .icon .frm_logo_icon::before { | |
| 37 | + content: ""; | |
| 38 | + display: block; | |
| 39 | + width: 28px; | |
| 40 | + height: 28px; | |
| 41 | + background: url("data:image/svg+xml,' . $icon . '") center / contain no-repeat; | |
| 42 | + }'; | |
| 43 | + | |
| 44 | + wp_add_inline_style( 'elementor-editor', $css ); | |
| 26 | 45 | } |
| 27 | 46 | |
| 28 | 47 | /** |
| 29 | 48 | * @return void |