变更集56639

时间戳：

2023年9月20日下午09:01:02(9个月（之前）

作者：

乔多尔森

消息：

管理：提高主题细节模式中的控制接近度。

使Customizer和Appearance>Themes中的主题细节模型保持一致。更改控件的顺序，使两个模型的顺序相同，将桌面和移动视图中的所有控件居中，并更改删除链接的颜色以满足颜色对比度要求。

Props trishasalas、afercia、melchoyce、karmatosed、cathibosco1、michaelarestad、joedolson、petitphp、mikinc860。
修复#59372。请参阅#59371人，#40822.

位置：

主干/src

文件夹：

• wp-admin/css/customize-controls.css （已修改）(2个差异)
• wp-admin/css/themes.css （已修改）(3个差异)
• wp-admin/includes/theme.php （已修改）(2个差异)
• wp-admin/themes.php（wp-admin/主题.php） （已修改）(2个差异)
• wp-includes/css/buttons.css （已修改）(1个差异)

trunk/src/wp-admin/css/customize-controls.css

@@ -2318 +2318 @@
 .wp-customizer.theme-overlay.theme-actions{
 text-align：右；/*因为只有一个或两个动作，所以要匹配媒体模型的UI模式并右对齐动作*/
-填充：10px 25px;
+填充：10px 25px5像素;
 背景：#f0f0f1；
 border-top：1px固体#dcdcde；
@@ -2325 +2325 @@
 .wp-customizer.theme-overlay.theme-actions.theme-install.preview文件{
 左边边距：8px；
-}
-
-.control-panel-themes.theme-actions.delete-theme{
-左：15px；/*这些覆盖了手机上的主题.css*/
-右：自动；
-底部：自动；
-位置：绝对；
 }
 

trunk/src/wp-admin/css/themes.css

@@ -507 +507 @@
 盒大小：border-box；
 border-top：1px实心#f0f0f1；
-}
-
-.theme覆盖.theme操作{
-边距-右：5px；
+显示：flex；
+justify-content：中心；
+间距：5px；
+}
+
+.theme-overlay.theme-actions.按钮{
 边距-底部：5px；
 }
@@ -522 +524 @@
 .中断主题a.删除主题，
 .theme-overlay.theme-actions.delete-theme{
-颜色：#d63638电话;
+颜色：#b32d2e型;
 text-decoration：无；
 边框颜色：透明；
@@ -529 +531 @@
 }
 
-.theme-overlay.theme-actions.delete-theme{
-位置：绝对；
-右：10px；
-底部：5px；
-}
-
 .broken-themes a.delete-themes:悬停，
 .破碎的主题.删除-主题：聚焦，
 .theme-overlay.theme-actions.delete-theme：悬停，
 .theme-overlay.theme-actions.delete-theme：焦点{
-背景：#d63638电话;
+背景：#b32d2e型;
 颜色：#fff；
-边框颜色：#d63638；
+border-color:#b32d2e；
+方框阴影：0 0 0 1px#b32d2e；
 }
 

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

@@ -1059 +1059 @@
 <button type=“button”class=“button button-primary customize-theme”><？php_e（“自定义”）；？></按钮>
 <#}else if（“已安装”===数据类型）{#>
-                    <?php if（current_user_can（'delete_themes'））{？>
-<#if（data.actions&&data.actions[‘删除’]）{#>
-<a href=“{{data.actions['delete']}}}”data-slug=“{{data.id}}“class=”button-secondary-delete-theme“><？php_e（“删除”）；？></a>
-                        <# } #>
-                    <?php}？>
-
+<div class=“theme-inactive-actions”>
 <#if（data.blockTheme）{#>
                         <?php（电话）
@@ -1080 +1075 @@
                         <# } #>
                     <# } #>
+</div>
+<？php if（current_user_can（'delete_themes'））{？>
+<#if（data.actions&&data.actions[‘删除’]）{#>
+<a href=“{{data.actions['delete']}}}”data-slug=“{{data.id}}“class=”button-secondary-delete-theme“><？php_e（“删除”）；？></a>
+<#｝#>
+                    <?php}？>
 <#}其他{#>
 <#if（data.compatibleWP&&data.competiblePHP）{#>

trunk/src/wp-admin/themes.php

@@ -1222 +1222 @@
 $aria_label=sprintf（_x（“激活%s”，“主题”），“{{data.name}}”）；
                     ?>
+<#if（！data.blockTheme）{#>
+<a href=“{{data.actions.customize}}”class=“button button-primary load-customize hide-if-no-customise”><？php _e（“实时预览”）；？></a>
+                    <# } #>
 <#if（data.actions.activate）{#>
 <a href=“{{data.actions.activate}}}”class=“button activate”aria-label=“<？php echo esc_attr（$aria_label）；？>”><？php_e（“激活”）；？></a>
                     <# } #>
-<#if（！data.blockTheme）{#>
-<a href=“{{data.actions.customize}}”class=“button button-primary load-customize hide-if-no-customise”><？php _e（“实时预览”）；？></a>
-                    <# } #>
 <#}其他{#>
                     <?php（电话）
@@ -1233 +1233 @@
 $aria_label=sprintf（_x（“无法激活%s”，“主题”），“｛｛data.name｝｝”）；
                     ?>
+<#if（！data.blockTheme）{#>
+<a class=“button button-primary hide-if-no-customize disabled”><？php_e（“实时预览”）；？></a>
+                    <# } #>
 <#if（data.actions.activate）{#>
 <a class=“button disabled”aria-label=“<？php echo esc_attr（$aria_label）；？>”><？php_ex（“无法激活”，“主题”）；？></a>
-                    <# } #>
-<#if（！data.blockTheme）{#>
-<a class=“button button-primary hide-if-no-customize disabled”><？php_e（“实时预览”）；？></a>
                     <# } #>
                 <# } #>

trunk/src/wp-includes/css/buttons.css

@@ -386 +386 @@
     }
 
+.wp-customizer.theme-overlay.theme-actions.button按钮{
+边距-底部：5px；
+    }
+
 .media-modal-content.media-toolbar-primary.media按钮{
 页边空白：10px；