diff --git a/wp-admin/css/wp-admin.dev.css b/wp-admin/css/wp-admin.dev.css index 66a0ef00b4..7eb6f2d1f6 100644 --- a/wp-admin/css/wp-admin.dev.css +++ b/wp-admin/css/wp-admin.dev.css @@ -5285,8 +5285,7 @@ body.full-overlay-active { } .wp-full-overlay.collapsed, -.wp-full-overlay.collapsed div.wp-full-overlay-header, -.wp-full-overlay.collapsed div.wp-full-overlay-footer { +.wp-full-overlay.collapsed .wp-full-overlay-sidebar > div { left: -302px; } @@ -5299,7 +5298,6 @@ body.full-overlay-active { position: relative; overflow: auto; background: #f5f5f5; - box-shadow: inset -11px 0 8px -8px rgba( 0, 0, 0, 0.1 ); border-right: 1px solid rgba( 0, 0, 0, 0.2 ); } @@ -5307,6 +5305,18 @@ body.full-overlay-active { overflow: visible; } +.wp-full-overlay-sidebar:after { + content: ''; + display: block; + position: absolute; + top: 0; + bottom: 0; + right: 0; + width: 8px; + box-shadow: inset -11px 0 8px -8px rgba( 0, 0, 0, 0.1 ); + z-index: 1000; +} + .wp-full-overlay-main { position: fixed; left: 300px; @@ -5319,34 +5329,38 @@ body.full-overlay-active { left: 0; } -.wp-full-overlay-sidebar div.wp-full-overlay-header, -.wp-full-overlay-sidebar div.wp-full-overlay-footer { +.wp-full-overlay-sidebar .wp-full-overlay-header, +.wp-full-overlay-sidebar .wp-full-overlay-footer { position: fixed; left: 0; width: 260px; - padding: 15px 20px; - min-height: 16px; - margin: 0; + height: 45px; + padding: 0 20px; + line-height: 45px; z-index: 10; - background: #f5f5f5; + margin: 0; } -.wp-full-overlay-sidebar div.wp-full-overlay-header { +.wp-full-overlay-sidebar .wp-full-overlay-header { top: 0; border-top: 0; border-bottom: 1px solid #fff; - box-shadow: - inset -11px 0 8px -8px rgba( 0, 0, 0, 0.1 ), - inset 0 -1px 0 0px #dfdfdf; + box-shadow: inset 0 -1px 0 0px #dfdfdf; } -.wp-full-overlay-sidebar div.wp-full-overlay-footer { +.wp-full-overlay-sidebar .wp-full-overlay-footer { bottom: 0; border-bottom: 0; border-top: 1px solid #dfdfdf; - box-shadow: - inset -11px 0 8px -8px rgba( 0, 0, 0, 0.1 ), - inset 0 1px 0 0px #fff; + box-shadow: inset 0 1px 0 0px #fff; +} + +.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content { + position: fixed; + top: 45px; + bottom: 45px; + width: 300px; + overflow: auto; } /* Return and close buttons. */ @@ -5365,7 +5379,7 @@ body.full-overlay-active { /* Collapse Button */ .wp-full-overlay .collapse-sidebar { position: absolute; - bottom: 13px; + bottom: 12px; left: 265px; z-index: 50; display: block; @@ -5413,8 +5427,7 @@ body.full-overlay-active { /* Animations */ .wp-full-overlay, .wp-full-overlay .collapse-sidebar, -.wp-full-overlay-sidebar div.wp-full-overlay-header, -.wp-full-overlay-sidebar div.wp-full-overlay-footer, +.wp-full-overlay-sidebar > div, .wp-full-overlay-main { -moz-transition-property: left, right, top, bottom; -webkit-transition-property: left, right, top, bottom; @@ -5480,7 +5493,7 @@ body.full-overlay-active { .install-theme-info { display: none; - padding: 45px 20px 15px; + padding: 10px 20px 20px; } .single-theme .install-theme-info { @@ -5508,6 +5521,10 @@ body.full-overlay-active { border: 1px solid #ccc; } +.install-theme-info .theme-details { + overflow: hidden; +} + .theme-details .theme-version { margin: 15px 0; float: left; diff --git a/wp-admin/includes/class-wp-theme-install-list-table.php b/wp-admin/includes/class-wp-theme-install-list-table.php index d16a10854e..04d230b3f8 100644 --- a/wp-admin/includes/class-wp-theme-install-list-table.php +++ b/wp-admin/includes/class-wp-theme-install-list-table.php @@ -258,7 +258,9 @@ class WP_Theme_Install_List_Table extends WP_Themes_List_Table {
-
+
+
+
diff --git a/wp-includes/css/customize-controls.dev.css b/wp-includes/css/customize-controls.dev.css index 893a9312c1..32728443fc 100644 --- a/wp-includes/css/customize-controls.dev.css +++ b/wp-includes/css/customize-controls.dev.css @@ -99,10 +99,6 @@ body { top: 15px; } -#customize-info { - margin-top: 45px; -} - #customize-info .preview-notice { font-size: 13px; line-height: 24px; @@ -132,10 +128,6 @@ body { text-align: center; } -#customize-theme-controls { - padding-bottom: 60px; -} - #customize-theme-controls > ul, #customize-theme-controls .customize-section-content { margin: 0; @@ -144,7 +136,7 @@ body { #customize-footer-actions img { display: none; position: absolute; - top: 18px; + top: 15px; margin-left: 4px; } @@ -152,6 +144,11 @@ body { display: inline; } +#customize-footer-actions .button-primary { + display: inline-block; + margin-top: 12px; +} + .customize-control { width: 100%; float: left; diff --git a/wp-includes/customize-controls.php b/wp-includes/customize-controls.php index 9eb024961d..48fb9cde14 100644 --- a/wp-includes/customize-controls.php +++ b/wp-includes/customize-controls.php @@ -43,36 +43,38 @@ do_action( 'customize_controls_print_scripts' );
-
+ -
-
- - theme->display('Name'); ?> -
-
- theme->get_screenshot() ) : ?> - - +
+
+
+ + theme->display('Name'); ?> +
+
+ theme->get_screenshot() ) : ?> + + - theme->get('Description') ): ?> -
theme->display('Description'); ?>
- + theme->get('Description') ): ?> +
theme->display('Description'); ?>
+ +
+ +
    + sections as $section ) + $section->maybe_render(); + ?> +
-
    - sections as $section ) - $section->maybe_render(); - ?> -
- -