| @@ -275,9 +275,10 @@ | ||
| 275 | 275 | 'image' => static::MASK_SELECTOR_IMG, |
| 276 | 276 | ]; |
| 277 | 277 | |
| 278 | 278 | return [ |
| 279 | - $mask_selectors['default'] . ', ' . $mask_selectors['image'] => $rules, | |
| 279 | + $mask_selectors['default'] => $rules, | |
| 280 | + $mask_selectors['image'] => $rules, | |
| 280 | 281 | ]; |
| 281 | 282 | } |
| 282 | 283 | |
| 283 | 284 | /** |
| @@ -1109,9 +1110,9 @@ | ||
| 1109 | 1110 | ], |
| 1110 | 1111 | ] |
| 1111 | 1112 | ); |
| 1112 | 1113 | |
| 1113 | - $this->add_responsive_control( | |
| 1114 | + $this->add_control( | |
| 1114 | 1115 | '_mask_image', |
| 1115 | 1116 | [ |
| 1116 | 1117 | 'label' => esc_html__( 'Image', 'elementor' ), |
| 1117 | 1118 | 'type' => Controls_Manager::MEDIA, |
| @@ -1124,8 +1125,26 @@ | ||
| 1124 | 1125 | 'selectors' => $this->get_mask_selectors( '-webkit-mask-image: url( {{URL}} );' ), |
| 1125 | 1126 | 'condition' => [ |
| 1126 | 1127 | '_mask_switch!' => '', |
| 1127 | 1128 | '_mask_shape' => 'custom', |
| 1129 | + ], | |
| 1130 | + ] | |
| 1131 | + ); | |
| 1132 | + | |
| 1133 | + $this->add_control( | |
| 1134 | + '_mask_notice', | |
| 1135 | + [ | |
| 1136 | + 'type' => Controls_Manager::HIDDEN, | |
| 1137 | + 'raw' => esc_html__( 'Need More Shapes?', 'elementor' ) . | |
| 1138 | + '<br>' . | |
| 1139 | + sprintf( | |
| 1140 | + '%1$s <a target="_blank" href="https://go.elementor.com/mask-control">%2$s</a>', | |
| 1141 | + esc_html__( 'Explore additional Premium Shape packs and use them in your site.', 'elementor' ), | |
| 1142 | + esc_html__( 'Learn more', 'elementor' ), | |
| 1143 | + ), | |
| 1144 | + 'content_classes' => 'elementor-panel-alert elementor-panel-alert-info', | |
| 1145 | + 'condition' => [ | |
| 1146 | + '_mask_switch!' => '', | |
| 1128 | 1147 | ], |
| 1129 | 1148 | ] |
| 1130 | 1149 | ); |
| 1131 | 1150 | |
