Changeset 41949 for trunk/src/wp-admin/theme-install.php

Timestamp:

10/19/2017 06:09:16 PM (9 years ago)

Author:

westonruter

Message:

Customize: Fix alignment of Customize, Activate, and Live Preview buttons appearing on the Themes admin screen.

Amends [41893].
Props Mahvash-Fatima.
See #42215.
Fixes #42275.

File:

• trunk/src/wp-admin/theme-install.php (modified) (1 diff)

trunk/src/wp-admin/theme-install.php

@@ -265 +265 @@
                 ?>
         </div>
-        <h3 class="theme-name">{{ data.name }}</h3>
-
-        <div class="theme-actions">
-                <# if ( data.installed ) { #>
-                        <?php
-                        /* translators: %s: Theme name */
-                        $aria_label = sprintf( _x( 'Activate %s', 'theme' ), '{{ data.name }}' );
-                        ?>
-                        <# if ( data.activate_url ) { #>
-                                <a class="button button-primary activate" href="{{ data.activate_url }}" aria-label="<?php echo esc_attr( $aria_label ); ?>"><?php _e( 'Activate' ); ?></a>
-                        <# } #>
-                        <# if ( data.customize_url ) { #>
-                                <a class="button load-customize" href="{{ data.customize_url }}"><?php _e( 'Live Preview' ); ?></a>
+
+        <div class="theme-id-container">
+                <h3 class="theme-name">{{ data.name }}</h3>
+
+                <div class="theme-actions">
+                        <# if ( data.installed ) { #>
+                                <?php
+                                /* translators: %s: Theme name */
+                                $aria_label = sprintf( _x( 'Activate %s', 'theme' ), '{{ data.name }}' );
+                                ?>
+                                <# if ( data.activate_url ) { #>
+                                        <a class="button button-primary activate" href="{{ data.activate_url }}" aria-label="<?php echo esc_attr( $aria_label ); ?>"><?php _e( 'Activate' ); ?></a>
+                                <# } #>
+                                <# if ( data.customize_url ) { #>
+                                        <a class="button load-customize" href="{{ data.customize_url }}"><?php _e( 'Live Preview' ); ?></a>
+                                <# } else { #>
+                                        <button class="button preview install-theme-preview"><?php _e( 'Preview' ); ?></button>
+                                <# } #>
                         <# } else { #>
+                                <?php
+                                /* translators: %s: Theme name */
+                                $aria_label = sprintf( __( 'Install %s' ), '{{ data.name }}' );
+                                ?>
+                                <a class="button button-primary theme-install" data-name="{{ data.name }}" data-slug="{{ data.id }}" href="{{ data.install_url }}" aria-label="<?php echo esc_attr( $aria_label ); ?>"><?php _e( 'Install' ); ?></a>
                                 <button class="button preview install-theme-preview"><?php _e( 'Preview' ); ?></button>
                         <# } #>
-                <# } else { #>
-                        <?php
-                        /* translators: %s: Theme name */
-                        $aria_label = sprintf( __( 'Install %s' ), '{{ data.name }}' );
-                        ?>
-                        <a class="button button-primary theme-install" data-name="{{ data.name }}" data-slug="{{ data.id }}" href="{{ data.install_url }}" aria-label="<?php echo esc_attr( $aria_label ); ?>"><?php _e( 'Install' ); ?></a>
-                        <button class="button preview install-theme-preview"><?php _e( 'Preview' ); ?></button>
-                <# } #>
+                </div>
         </div>