Changeset 12033 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme-preview.php

Timestamp:

08/30/2022 05:46:27 AM (2 years ago)

Author:

dufresnesteven

Message:

wporg-themes: Add responsive viewports to theme preview.

Props fahimmurshed, otto42, mapk, melchoyce.
Closes #5063.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme-preview.php (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme-preview.php

@@ -40 +40 @@
                 <span class="collapse-sidebar-arrow"></span>
             </a>
+            <div class="devices">
+                <button data-device="preview-desktop" class="preview-desktop active"><span class="screen-reader-text"><?php echo _e( 'Enter desktop preview mode', 'wporg-themes' ); ?></span></button>
+                <button data-device="preview-tablet" class="preview-tablet"><span class="screen-reader-text"><?php _e( 'Enter tablet preview mode', 'wporg-themes' ); ?></span></button>
+                <button data-device="preview-mobile" class="preview-mobile"><span class="screen-reader-text"><?php _e( 'Enter mobile preview mode', 'wporg-themes' ); ?></span></button>
+            </div>
         </div>
     </div>