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

Timestamp:

10/19/2017 06:09:16 PM (8 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>