| @@ -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> |