← All changes | includes/editor-templates/responsive-bar.php +13 -12 4.2.1 → 3.9.0 View file →

		@@ -11,8 +11,11 @@
11	11	$active_breakpoints = Plugin::$instance->breakpoints->get_active_breakpoints();
12	12	$active_devices = Plugin::$instance->breakpoints->get_active_devices_list( [ 'reverse' => true ] );
13	13
14	14	$breakpoint_classes_map = array_intersect_key( Plugin::$instance->breakpoints->get_responsive_icons_classes_map(), array_flip( $active_devices ) );
	15	+
	16	+/* translators: %1$s: Device Name */
	17	+$breakpoint_label = esc_html__( '%1$s <br> Settings added for the %1$s device will apply to %2$spx screens and down', 'elementor' );
15	18	?>
16	19
17	20	<script type="text/template" id="tmpl-elementor-templates-responsive-bar">
18	21	<div id="e-responsive-bar__center">
		@@ -20,19 +23,13 @@
20	23	<?php foreach ( $active_devices as $device_key ) {
21	24	if ( 'desktop' === $device_key ) {
22	25	$tooltip_label = esc_html__( 'Desktop <br> Settings added for the base device will apply to all breakpoints unless edited', 'elementor' );
23	26	} elseif ( 'widescreen' === $device_key ) {
24		- $tooltip_label = sprintf(
25		- /* translators: %d: Breakpoint screen size. */
26		- esc_html__( 'Widescreen <br> Settings added for the Widescreen device will apply to screen sizes %dpx and up', 'elementor' ),
27		- $active_breakpoints[ $device_key ]->get_value()
28		- );
	27	+ $tooltip_label = esc_html__( 'Widescreen <br> Settings added for the Widescreen device will apply to screen sizes %dpx and up', 'elementor' );
	28	+
	29	+ $tooltip_label = sprintf( $tooltip_label, $active_breakpoints[ $device_key ]->get_value() );
29	30	} else {
30		- $tooltip_label = sprintf(
31		- /* translators: %1$s: Device name, %2$s: Breakpoint screen size. */
32		- esc_html__( '%1$s <br> Settings added for the %1$s device will apply to %2$spx screens and down', 'elementor' ),
33		- $active_breakpoints[ $device_key ]->get_label(), $active_breakpoints[ $device_key ]->get_value()
34		- );
	31	+ $tooltip_label = sprintf( $breakpoint_label, $active_breakpoints[ $device_key ]->get_label(), $active_breakpoints[ $device_key ]->get_value() );
35	32	}
36	33	printf( '<label
37	34	id="e-responsive-bar-switcher__option-%1$s"
38	35	class="e-responsive-bar-switcher__option"
		@@ -58,12 +55,16 @@
58	55	<input type="number" id="e-responsive-bar__input-width" class="e-responsive-bar__input-size" autocomplete="off">
59	56	<label for="e-responsive-bar__input-height">H</label>
60	57	<input type="number" id="e-responsive-bar__input-height" class="e-responsive-bar__input-size" autocomplete="off">
61	58	</div>
62		- <button id="e-responsive-bar__settings-button" class="e-responsive-bar__button e-responsive-bar--pipe" data-tooltip="<?php echo esc_attr__( 'Manage Breakpoints', 'elementor' ); ?>" aria-label="<?php echo esc_attr__( 'Manage Breakpoints', 'elementor' ); ?>">
	59	+ <button id="e-responsive-bar__settings-button" class="e-responsive-bar__button e-responsive-bar--pipe"
	60	+ data-tooltip="<?php echo esc_html__( 'Manage Breakpoints', 'elementor' ); ?>">
	61	+ <span class="elementor-screen-only"><?php echo esc_html__( 'Settings', 'elementor' ); ?></span>
63	62	<i class="eicon-cog" aria-hidden="true"></i>
64	63	</button>
65		- <button id="e-responsive-bar__close-button" class="e-responsive-bar__button" data-tooltip="<?php echo esc_attr__( 'Close', 'elementor' ); ?>" aria-label="<?php echo esc_attr__( 'Close', 'elementor' ); ?>">
	64	+ <button id="e-responsive-bar__close-button" class="e-responsive-bar__button"
	65	+ data-tooltip="<?php echo esc_html__( 'Close', 'elementor' ); ?>">
	66	+ <span class="elementor-screen-only"><?php echo esc_html__( 'Close', 'elementor' ); ?></span>
66	67	<i class="eicon-close" aria-hidden="true"></i>
67	68	</button>
68	69	</div>
69	70	</script>