_title = sprintf( __( '%s — WordPress' ), $title ); 50 51 
 } else {
52 
+	$screen_title = $title;
53 
+
54 
+	if ( 'post' === $current_screen->base && 'add' !== $current_screen->action ) {
55 
+		$post_title = get_the_title();
56 
+		if ( ! empty( $post_title ) ) {
57 
+			$post_type_obj = get_post_type_object( $typenow );
58 
+			$screen_title  = sprintf(
59 
+				/* translators: Editor admin screen title. 1: "Edit item" text for the post type, 2: Post title. */
60 
+				__( '%1$s “%2$s”' ),
61 
+				$post_type_obj->labels->edit_item,
62 
+				$post_title
63 
+			);
64 
+		}
65 
+	}
66 
+
51 67 
 	/* translators: Admin screen title. 1: Admin screen name, 2: Network or site name. */
52 
-	$admin_title = sprintf( __( '%1$s ‹ %2$s — WordPress' ), $title, $admin_title );
68 
+	$admin_title = sprintf( __( '%1$s ‹ %2$s — WordPress' ), $screen_title, $admin_title );
53 69 
 }
54 70
55 71 
 if ( wp_is_recovery_mode() ) {
@@ -81,7 +97,7 @@ wp_enqueue_script( 'svg-painter' );
81 97 
 $admin_body_class = preg_replace( '/[^a-z0-9_-]+/i', '-', $hook_suffix );
82 98 
 ?>
83 99 
 <script type="text/javascript">
84 
-addLoadEvent = function(func){if(typeof jQuery!=='undefined')jQuery(document).ready(func);else if(typeof wpOnload!=='function'){wpOnload=func;}else{var oldonload=wpOnload;wpOnload=function(){oldonload();func();}}};
100 
+addLoadEvent = function(func){if(typeof jQuery!=='undefined')jQuery(function(){func();});else if(typeof wpOnload!=='function'){wpOnload=func;}else{var oldonload=wpOnload;wpOnload=function(){oldonload();func();}}};
85 101 
 var ajaxurl = '<?php echo esc_js( admin_url( 'admin-ajax.php', 'relative' ) ); ?>',
86 102 
 	pagenow = '<?php echo esc_js( $current_screen->id ); ?>',
87 103 
 	typenow = '<?php echo esc_js( $current_screen->post_type ); ?>',
@@ -132,7 +148,7 @@ do_action( 'admin_print_scripts' );
132 148 
 /**
133 149 
  * Fires in head section for a specific admin page.
134 150 
  *
135 
- * The dynamic portion of the hook, `$hook_suffix`, refers to the hook suffix
151 
+ * The dynamic portion of the hook name, `$hook_suffix`, refers to the hook suffix
136 152 
  * for the admin page.
137 153 
  *
138 154 
  * @since 2.1.0

+ 16 - 1
app/wp-admin/admin-post.php
Просмотреть файл 

@@ -29,7 +29,12 @@ nocache_headers();
29 29 
 /** This action is documented in wp-admin/admin.php */
30 30 
 do_action( 'admin_init' );
31 31
32 
-$action = empty( $_REQUEST['action'] ) ? '' : $_REQUEST['action'];
32 
+$action = ! empty( $_REQUEST['action'] ) ? $_REQUEST['action'] : '';
33 
+
34 
+// Reject invalid parameters.
35 
+if ( ! is_scalar( $action ) ) {
36 
+	wp_die( '', 400 );
37 
+}
33 38
34 39 
 if ( ! is_user_logged_in() ) {
35 40 
 	if ( empty( $action ) ) {
 
@@ -40,6 +45,11 @@ if ( ! is_user_logged_in() ) {
40 45 
 		 */
41 46 
 		do_action( 'admin_post_nopriv' );
42 47 
 	} else {
48 
+		// If no action is registered, return a Bad Request response.
49 
+		if ( ! has_action( "admin_post_nopriv_{$action}" ) ) {
50 
+			wp_die( '', 400 );
51 
+		}
52 
+
43 53 
 		/**
44 54 
 		 * Fires on a non-authenticated admin post request for the given action.
45 55 
 		 *
 
@@ -59,6 +69,11 @@ if ( ! is_user_logged_in() ) {
59 69 
 		 */
60 70 
 		do_action( 'admin_post' );
61 71 
 	} else {
72 
+		// If no action is registered, return a Bad Request response.
73 
+		if ( ! has_action( "admin_post_{$action}" ) ) {
74 
+			wp_die( '', 400 );
75 
+		}
76 
+
62 77 
 		/**
63 78 
 		 * Fires on an authenticated admin post request for the given action.
64 79 
 		 *

+ 19 - 8
app/wp-admin/admin.php
Просмотреть файл 

@@ -116,16 +116,16 @@ $time_format = __( 'g:i a' );
116 116 
 wp_enqueue_script( 'common' );
117 117
118 118 
 /**
119 
- * $pagenow is set in vars.php
120 
- * $wp_importers is sometimes set in wp-admin/includes/import.php
121 
- * The remaining variables are imported as globals elsewhere, declared as globals here
119 
+ * $pagenow is set in vars.php.
120 
+ * $wp_importers is sometimes set in wp-admin/includes/import.php.
121 
+ * The remaining variables are imported as globals elsewhere, declared as globals here.
122 122 
  *
123 
- * @global string $pagenow
123 
+ * @global string $pagenow      The filename of the current screen.
124 124 
  * @global array  $wp_importers
125 125 
  * @global string $hook_suffix
126 126 
  * @global string $plugin_page
127 
- * @global string $typenow
128 
- * @global string $taxnow
127 
+ * @global string $typenow      The post type of the current screen.
128 
+ * @global string $taxnow       The taxonomy of the current screen.
129 129 
  */
130 130 
 global $pagenow, $wp_importers, $hook_suffix, $plugin_page, $typenow, $taxnow;
131 131 
 
@@ -320,13 +320,24 @@ if ( isset( $plugin_page ) ) {
320 320 
 	 *
321 321 
 	 * The dynamic portion of the hook name, `$importer`, refers to the importer slug.
322 322 
 	 *
323 
+	 * Possible hook names include:
324 
+	 *
325 
+	 *  - `load-importer-blogger`
326 
+	 *  - `load-importer-wpcat2tag`
327 
+	 *  - `load-importer-livejournal`
328 
+	 *  - `load-importer-mt`
329 
+	 *  - `load-importer-rss`
330 
+	 *  - `load-importer-tumblr`
331 
+	 *  - `load-importer-wordpress`
332 
+	 *
323 333 
 	 * @since 3.5.0
324 334 
 	 */
325 335 
 	do_action( "load-importer-{$importer}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
326 336
337 
+	// Used in the HTML title tag.
338 
+	$title        = __( 'Import' );
327 339 
 	$parent_file  = 'tools.php';
328 340 
 	$submenu_file = 'import.php';
329 
-	$title        = __( 'Import' );
330 341
331 342 
 	if ( ! isset( $_GET['noheader'] ) ) {
332 343 
 		require_once ABSPATH . 'wp-admin/admin-header.php';
 
@@ -365,7 +376,7 @@ if ( isset( $plugin_page ) ) {
365 376 
 	 * The load-* hook fires in a number of contexts. This hook is for core screens.
366 377 
 	 *
367 378 
 	 * The dynamic portion of the hook name, `$pagenow`, is a global variable
368 
-	 * referring to the filename of the current page, such as 'admin.php',
379 
+	 * referring to the filename of the current screen, such as 'admin.php',
369 380 
 	 * 'post-new.php' etc. A complete hook for the latter would be
370 381 
 	 * 'load-post-new.php'.
371 382 
 	 *

+ 1 - 1
app/wp-admin/async-upload.php
Просмотреть файл 

@@ -74,7 +74,7 @@ if ( isset( $_REQUEST['attachment_id'] ) && (int) $_REQUEST['attachment_id'] &&
74 74 
 					</span>
75 75 
 					<?php
76 76 
 					if ( current_user_can( 'edit_post', $id ) ) {
77 
-						echo '<a class="edit-attachment" href="' . esc_url( get_edit_post_link( $id ) ) . '" target="_blank">' . _x( 'Edit', 'media item' ) . '</a>';
77 
+						echo '<a class="edit-attachment" href="' . esc_url( get_edit_post_link( $id ) ) . '">' . _x( 'Edit', 'media item' ) . '</a>';
78 78 
 					} else {
79 79 
 						echo '<span class="edit-attachment">' . _x( 'Success', 'media item' ) . '</span>';
80 80 
 					}

+ 27 - 14
app/wp-admin/authorize-application.php
Просмотреть файл 

@@ -62,6 +62,7 @@ if ( isset( $_POST['action'] ) && 'authorize_application_password' === $_POST['a
62 62 
 	}
63 63 
 }
64 64
65 
+// Used in the HTML title tag.
65 66 
 $title = __( 'Authorize Application' );
66 67
67 68 
 $app_name    = ! empty( $_REQUEST['app_name'] ) ? $_REQUEST['app_name'] : '';
 
@@ -90,7 +91,7 @@ if ( is_wp_error( $is_valid ) ) {
90 91
91 92 
 if ( wp_is_site_protected_by_basic_auth( 'front' ) ) {
92 93 
 	wp_die(
93 
-		__( 'Your website appears to use Basic Authentication, which is not currently compatible with Application Passwords.' ),
94 
+		__( 'Your website appears to use Basic Authentication, which is not currently compatible with application passwords.' ),
94 95 
 		__( 'Cannot Authorize Application' ),
95 96 
 		array(
96 97 
 			'response'  => 501,
 
@@ -147,30 +148,42 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
147 148 
 				<?php
148 149 
 				printf(
149 150 
 					/* translators: %s: Application name. */
150 
-					__( 'Would you like to give the application identifying itself as %s access to your account? You should only do this if you trust the app in question.' ),
151 
+					__( 'Would you like to give the application identifying itself as %s access to your account? You should only do this if you trust the application in question.' ),
151 152 
 					'<strong>' . esc_html( $app_name ) . '</strong>'
152 153 
 				);
153 154 
 				?>
154 155 
 			</p>
155 156 
 		<?php else : ?>
156 
-			<p><?php _e( 'Would you like to give this application access to your account? You should only do this if you trust the app in question.' ); ?></p>
157 
+			<p><?php _e( 'Would you like to give this application access to your account? You should only do this if you trust the application in question.' ); ?></p>
157 158 
 		<?php endif; ?>
158 159
159 160 
 		<?php
160 161 
 		if ( is_multisite() ) {
161 162 
 			$blogs       = get_blogs_of_user( $user->ID, true );
162 163 
 			$blogs_count = count( $blogs );
164 
+
163 165 
 			if ( $blogs_count > 1 ) {
164 166 
 				?>
165 167 
 				<p>
166 168 
 					<?php
167 
-					printf(
169 
+					/* translators: 1: URL to my-sites.php, 2: Number of sites the user has. */
170 
+					$message = _n(
171 
+						'This will grant access to <a href="%1$s">the %2$s site in this installation that you have permissions on</a>.',
172 
+						'This will grant access to <a href="%1$s">all %2$s sites in this installation that you have permissions on</a>.',
173 
+						$blogs_count
174 
+					);
175 
+
176 
+					if ( is_super_admin() ) {
168 177 
 						/* translators: 1: URL to my-sites.php, 2: Number of sites the user has. */
169 
-						_n(
170 
-							'This will grant access to <a href="%1$s">the %2$s site in this installation that you have permissions on</a>.',
171 
-							'This will grant access to <a href="%1$s">all %2$s sites in this installation that you have permissions on</a>.',
178 
+						$message = _n(
179 
+							'This will grant access to <a href="%1$s">the %2$s site on the network as you have Super Admin rights</a>.',
180 
+							'This will grant access to <a href="%1$s">all %2$s sites on the network as you have Super Admin rights</a>.',
172 181 
 							$blogs_count
173 
-						),
182 
+						);
183 
+					}
184 
+
185 
+					printf(
186 
+						$message,
174 187 
 						admin_url( 'my-sites.php' ),
175 188 
 						number_format_i18n( $blogs_count )
176 189 
 					);
 
@@ -224,7 +237,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
224 237
225 238 
 				<div class="form-field">
226 239 
 					<label for="app_name"><?php _e( 'New Application Password Name' ); ?></label>
227 
-					<input type="text" id="app_name" name="app_name" value="<?php echo esc_attr( $app_name ); ?>" placeholder="<?php esc_attr_e( 'WordPress App on My Phone' ); ?>" required />
240 
+					<input type="text" id="app_name" name="app_name" value="<?php echo esc_attr( $app_name ); ?>" required />
228 241 
 				</div>
229 242
230 243 
 				<?php
 
@@ -247,7 +260,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
247 260
248 261 
 				<?php
249 262 
 				submit_button(
250 
-					__( 'Yes, I approve of this connection.' ),
263 
+					__( 'Yes, I approve of this connection' ),
251 264 
 					'primary',
252 265 
 					'approve',
253 266 
 					false,
 
@@ -262,7 +275,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
262 275 
 						printf(
263 276 
 							/* translators: %s: The URL the user is being redirected to. */
264 277 
 							__( 'You will be sent to %s' ),
265 
-							'<strong><kbd>' . esc_html(
278 
+							'<strong><code>' . esc_html(
266 279 
 								add_query_arg(
267 280 
 									array(
268 281 
 										'site_url'   => site_url(),
 
@@ -271,7 +284,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
271 284 
 									),
272 285 
 									$success_url
273 286 
 								)
274 
-							) . '</kbd></strong>'
287 
+							) . '</code></strong>'
275 288 
 						);
276 289 
 					} else {
277 290 
 						_e( 'You will be given a password to manually enter into the application in question.' );
 
@@ -281,7 +294,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
281 294
282 295 
 				<?php
283 296 
 				submit_button(
284 
-					__( 'No, I do not approve of this connection.' ),
297 
+					__( 'No, I do not approve of this connection' ),
285 298 
 					'secondary',
286 299 
 					'reject',
287 300 
 					false,
 
@@ -296,7 +309,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
296 309 
 						printf(
297 310 
 							/* translators: %s: The URL the user is being redirected to. */
298 311 
 							__( 'You will be sent to %s' ),
299 
-							'<strong><kbd>' . esc_html( $reject_url ) . '</kbd></strong>'
312 
+							'<strong><code>' . esc_html( $reject_url ) . '</code></strong>'
300 313 
 						);
301 314 
 					} else {
302 315 
 						_e( 'You will be returned to the WordPress Dashboard, and no changes will be made.' );

+ 3 - 1
app/wp-admin/comment.php
Просмотреть файл 

@@ -43,7 +43,7 @@ if ( isset( $_REQUEST['c'] ) ) {
43 43 
 	// Prevent actions on a comment associated with a trashed post.
44 44 
 	if ( $comment && 'trash' === get_post_status( $comment->comment_post_ID ) ) {
45 45 
 		wp_die(
46 
-			__( 'You can&#8217;t edit this comment because the associated post is in the Trash. Please restore the post first, then try again.' )
46 
+			__( 'You cannot edit this comment because the associated post is in the Trash. Please restore the post first, then try again.' )
47 47 
 		);
48 48 
 	}
49 49 
 } else {
 
@@ -53,6 +53,7 @@ if ( isset( $_REQUEST['c'] ) ) {
53 53 
 switch ( $action ) {
54 54
55 55 
 	case 'editcomment':
56 
+		// Used in the HTML title tag.
56 57 
 		$title = __( 'Edit Comment' );
57 58
58 59 
 		get_current_screen()->add_help_tab(
 
@@ -96,6 +97,7 @@ switch ( $action ) {
96 97 
 	case 'approve':
97 98 
 	case 'trash':
98 99 
 	case 'spam':
100 
+		// Used in the HTML title tag.
99 101 
 		$title = __( 'Moderate Comment' );
100 102
101 103 
 		if ( ! $comment ) {

+ 8 - 1
app/wp-admin/credits.php
Просмотреть файл 

@@ -10,6 +10,7 @@
10 10 
 require_once __DIR__ . '/admin.php';
11 11 
 require_once __DIR__ . '/includes/credits.php';
12 12
13 
+// Used in the HTML title tag.
13 14 
 $title = __( 'Credits' );
14 15
15 16 
 list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
 
@@ -28,7 +29,13 @@ $credits = wp_credits();
28 29 
 		</div>
29 30
30 31 
 		<div class="about__header-text">
31 
-			<?php _e( 'WordPress 5.8 was created by a worldwide team of passionate individuals' ); ?>
32 
+			<?php
33 
+			printf(
34 
+				/* translators: %s: Version number. */
35 
+				__( 'WordPress %s was created by a worldwide team of passionate individuals' ),
36 
+				$display_version
37 
+			);
38 
+			?>
32 39 
 		</div>
33 40
34 41 
 		<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">

+ 152 - 91
app/wp-admin/css/about-rtl.css
Просмотреть файл 

@@ -22,7 +22,7 @@
22 22 
 .about__container {
23 23 
 	/* Section backgrounds */
24 24 
 	--background: transparent;
25 
-	--subtle-background: #def;
25 
+	--subtle-background: #f0f0f0;
26 26
27 27 
 	/* Main text color */
28 28 
 	--text: #000;
 
@@ -30,7 +30,7 @@
30 30
31 31 
 	/* Accent colors: used in header, on special classes. */
32 32 
 	--accent-1: #3858e9; /* Accent background, link color */
33 
-	--accent-2: #2d46ba; /* Header background */
33 
+	--accent-2: #3858e9; /* Header background */
34 34
35 35 
 	/* Navigation colors. */
36 36 
 	--nav-background: #fff;
 
@@ -49,14 +49,14 @@
49 49 
 .credits-php,
50 50 
 .freedoms-php,
51 51 
 .privacy-php {
52 
-	background: #f0f7ff;
52 
+	background: #fff;
53 53 
 }
54 54
55 55 
 .about-php #wpcontent,
56 56 
 .credits-php #wpcontent,
57 57 
 .freedoms-php #wpcontent,
58 58 
 .privacy-php #wpcontent {
59 
-	background: linear-gradient(-180deg, #fff 50%, #f0f7ff 100%);
59 
+	background: #fff;
60 60 
 	padding: 0 24px;
61 61 
 }
62 62 
 
@@ -141,25 +141,19 @@
141 141 
 	margin: 0 0 var(--gap);
142 142 
 }
143 143
144 
-.about__section .column {
144 
+.about__section .column:not(.is-edge-to-edge) {
145 145 
 	padding: var(--gap);
146 146 
 }
147 147
148 
-.about__section + .about__section .column {
149 
-	padding-top: 0;
150 
-}
151 
-
152 148 
 .about__section + .about__section .is-section-header {
153 149 
 	padding-bottom: var(--gap);
154 150 
 }
155 151
156 152 
 .about__section .column[class*="background-color"],
153 
+.about__section:where([class*="background-color"]) .column,
157 154 
 .about__section .column.has-border {
158 155 
 	padding-top: var(--gap);
159 
-}
160 
-
161 
-.about__section .column.is-edge-to-edge {
162 
-	padding: 0;
156 
+	padding-bottom: var(--gap);
163 157 
 }
164 158
165 159 
 .about__section .column p:first-of-type {
 
@@ -215,7 +209,8 @@
215 209 
 }
216 210
217 211 
 .about__section.has-gutters {
218 
-	gap: calc(var(--gap) / 2);
212 
+	gap: var(--gap);
213 
+	margin-bottom: calc(var(--gap) * 2);
219 214 
 }
220 215
221 216 
 .about__section.has-2-columns {
 
@@ -223,11 +218,11 @@
223 218 
 }
224 219
225 220 
 .about__section.has-2-columns.is-wider-right {
226 
-	grid-template-columns: 1fr 2fr;
221 
+	grid-template-columns: 2fr 3fr;
227 222 
 }
228 223
229 224 
 .about__section.has-2-columns.is-wider-left {
230 
-	grid-template-columns: 2fr 1fr;
225 
+	grid-template-columns: 3fr 2fr;
231 226 
 }
232 227
233 228 
 .about__section.has-2-columns .is-section-header {
 
@@ -329,13 +324,24 @@
329 324 
 	.about__section.has-2-columns.is-wider-left,
330 325 
 	.about__section.has-3-columns {
331 326 
 		display: block;
332 
-		padding-bottom: calc(var(--gap) / 2);
327 
+		margin-bottom: calc(var(--gap) / 2);
328 
+	}
329 
+
330 
+	.about__section .column:not(.is-edge-to-edge) {
331 
+		padding-top: var(--gap);
332 
+		padding-bottom: var(--gap);
333 
+	}
334 
+
335 
+	.about__section.has-2-columns.has-gutters.is-wider-right,
336 
+	.about__section.has-2-columns.has-gutters.is-wider-left,
337 
+	.about__section.has-3-columns.has-gutters {
338 
+		margin-bottom: calc(var(--gap) * 2);
333 339 
 	}
334 340
335 341 
 	.about__section.has-2-columns.has-gutters .column,
336 342 
 	.about__section.has-2-columns.has-gutters .column,
337 343 
 	.about__section.has-3-columns.has-gutters .column {
338 
-		margin-bottom: calc(var(--gap) / 2);
344 
+		margin-bottom: var(--gap);
339 345 
 	}
340 346
341 347 
 	.about__section.has-2-columns.has-gutters .column:last-child,
 
@@ -394,21 +400,25 @@
394 400 
 @media screen and (max-width: 600px) {
395 401 
 	.about__section.has-2-columns {
396 402 
 		display: block;
403 
+		margin-bottom: var(--gap);
404 
+	}
405 
+
406 
+	.about__section.has-2-columns:not(.has-gutters) .column:nth-of-type(n) {
407 
+		padding-top: calc(var(--gap) / 2);
397 408 
 		padding-bottom: calc(var(--gap) / 2);
398 409 
 	}
399 410
411 
+	.about__section.has-2-columns.has-gutters {
412 
+		margin-bottom: calc(var(--gap) * 2);
413 
+	}
414 
+
400 415 
 	.about__section.has-2-columns.has-gutters .column {
401 
-		margin-bottom: calc(var(--gap) / 2);
416 
+		margin-bottom: var(--gap);
402 417 
 	}
403 418
404 419 
 	.about__section.has-2-columns.has-gutters .column:last-child {
405 420 
 		margin-bottom: 0;
406 421 
 	}
407 
-
408 
-	.about__section.has-2-columns .column:nth-of-type(n) {
409 
-		padding-top: calc(var(--gap) / 2);
410 
-		padding-bottom: calc(var(--gap) / 2);
411 
-	}
412 422 
 }
413 423
414 424 
 @media screen and (max-width: 480px) {
 
@@ -452,18 +462,18 @@
452 462 
 .about__container h3.is-larger-heading {
453 463 
 	margin-top: 0;
454 464 
 	margin-bottom: 0.5em;
455 
-	font-size: 2em;
456 
-	line-height: 1.2;
465 
+	font-size: 2rem;
457 466 
 	font-weight: 700;
467 
+	line-height: 1.16;
458 468 
 }
459 469
460 470 
 .about__container h3,
461 471 
 .about__container h1.is-smaller-heading,
462 472 
 .about__container h2.is-smaller-heading {
463 473 
 	margin-top: 0;
464 
-	font-size: 1.6em;
465 
-	line-height: 1.3;
466 
-	font-weight: 400;
474 
+	font-size: 1.625rem;
475 
+	font-weight: 700;
476 
+	line-height: 1.4;
467 477 
 }
468 478
469 479 
 .about__container p {
 
@@ -471,6 +481,13 @@
471 481 
 	line-height: inherit;
472 482 
 }
473 483
484 
+.about__container p.is-subheading {
485 
+	margin-top: 0;
486 
+	font-size: 1.5rem;
487 
+	font-weight: 300;
488 
+	line-height: 160%;
489 
+}
490 
+
474 491 
 .about__section a {
475 492 
 	color: var(--accent-1);
476 493 
 	text-decoration: underline;
 
@@ -498,6 +515,10 @@
498 515 
 	margin-right: calc(var(--gap) / 2);
499 516 
 }
500 517
518 
+.about__container li {
519 
+	margin-bottom: 0.75rem;
520 
+}
521 
+
501 522 
 .about__container img {
502 523 
 	margin: 0;
503 524 
 	max-width: 100%;
 
@@ -524,50 +545,14 @@
524 545 
 	margin-left: auto;
525 546 
 }
526 547
527 
-.about__container .about__image-comparison {
528 
-	position: relative;
529 
-	display: inline-block;
530 
-	max-width: 100%;
531 
-}
532 
-
533 
-.about__container .about__image-comparison img {
534 
-	-webkit-user-select: none;
535 
-	user-select: none;
536 
-	width: auto;
537 
-	max-width: none;
538 
-	max-height: 100%;
539 
-}
540 
-
541 
-.about__container .about__image-comparison > img {
542 
-	max-width: 100%;
543 
-}
544 
-
545 
-.about__container .about__image-comparison-resize {
546 
-	position: absolute !important; /* Needed to override inline style on ResizableBox */
547 
-	top: 0;
548 
-	bottom: 0;
549 
-	right: 0;
550 
-	width: 50%;
551 
-	max-width: 100%;
552 
-}
553 
-
554 
-.about__container .about__image-comparison.no-js .about__image-comparison-resize {
555 
-	overflow: hidden;
556 
-	border-left: 2px solid var(--wp-admin-theme-color);
557 
-}
558 
-
559 
-.about__container .about__image-comparison-resize .components-resizable-box__side-handle::before {
560 
-	width: 4px;
561 
-	left: calc(50% - 2px);
562 
-	transition: none;
563 
-	animation: none;
564 
-	opacity: 1;
565 
-}
566 
-
567 548 
 .about__container .about__image + h3 {
568 549 
 	margin-top: 1.5em;
569 550 
 }
570 551
552 
+.about__container .column .about__image {
553 
+	margin-bottom: calc(var(--gap) / 2);
554 
+}
555 
+
571 556 
 .about__container hr {
572 557 
 	margin: 0;
573 558 
 	height: var(--gap);
 
@@ -590,7 +575,8 @@
590 575 
 }
591 576
592 577 
 .about__section {
593 
-	font-size: 1.2em;
578 
+	font-size: 1.125rem;
579 
+	line-height: 1.55;
594 580 
 }
595 581
596 582 
 .about__section.is-feature {
 
@@ -612,26 +598,45 @@
612 598 
 /* 1.3 - Header */
613 599
614 600 
 .about__header {
601 
+	--about-header-image-width: 521px;
602 
+	--about-header-image-height: 504px;
603 
+	--about-header-bg-width: var(--about-header-image-width);
604 
+	--about-header-bg-height: var(--about-header-image-height);
605 
+	--about-header-bg-offset-inline: calc(var(--gap) * -2);
606 
+
607 
+	position: relative;
615 608 
 	margin-bottom: var(--gap);
616 609 
 	padding-top: 0;
617 
-	background-position: center;
618 
-	background-repeat: no-repeat;
619 
-	background-size: cover;
620 
-	background-image: url('../images/about-header-about.svg');
621 
-	background-color: var(--accent-2);
622 
-	color: var(--text-light);
610 
+	background: var(--subtle-background) url('../images/about-header-about.svg?ver=6.0') no-repeat;
611 
+	background-size: var(--about-header-bg-width) var(--about-header-bg-height);
612 
+	background-position: left var(--about-header-bg-offset-inline) center;
623 613 
 }
624 614
625 615 
 .credits-php .about__header {
626 
-	background-image: url('../images/about-header-credits.svg');
616 
+	--about-header-image-width: 477px;
617 
+	--about-header-image-height: 470px;
618 
+	--about-header-bg-offset-inline: calc(var(--gap) * -4);
619 
+
620 
+	background-image: url('../images/about-header-credits.svg?ver=6.0');
621 
+	background-position: left var(--about-header-bg-offset-inline) top var(--gap);
627 622 
 }
628 623
629 624 
 .freedoms-php .about__header {
630 
-	background-image: url('../images/about-header-freedoms.svg');
625 
+	--about-header-image-width: 411px;
626 
+	--about-header-image-height: 498px;
627 
+	--about-header-bg-offset-inline: var(--gap);
628 
+
629 
+	background-image: url('../images/about-header-freedoms.svg?ver=6.0');
630 
+	background-position: left var(--about-header-bg-offset-inline) top calc(var(--gap) * 4);
631 631 
 }
632 632
633 633 
 .privacy-php .about__header {
634 
-	background-image: url('../images/about-header-privacy.svg');
634 
+	--about-header-image-width: 277px;
635 
+	--about-header-image-height: 361px;
636 
+	--about-header-bg-offset-inline: var(--gap);
637 
+
638 
+	background-image: url('../images/about-header-privacy.svg?ver=6.0');
639 
+	background-position: left var(--about-header-bg-offset-inline) top var(--gap);
635 640 
 }
636 641
637 642 
 .about__header-image {
 
@@ -639,27 +644,50 @@
639 644 
 }
640 645
641 646 
 .about__header-title {
642 
-	padding: 2rem 0 0;
643 
-	margin: 0 2rem;
647 
+	box-sizing: border-box;
648 
+	margin: 0 var(--gap) 0 0;
649 
+	padding: 8rem 0 0;
650 
+	padding-left: calc(var(--about-header-bg-width) + var(--about-header-bg-offset-inline) + var(--gap));
651 
+}
652 
+
653 
+.credits-php .about__header-title,
654 
+.privacy-php .about__header-title {
655 
+	padding-top: 6rem;
656 
+}
657 
+
658 
+.freedoms-php .about__header-title {
659 
+	padding-top: 3rem;
644 660 
 }
645 661
646 662 
 .about__header-title h1 {
647 
-	margin: 0 0 0.5rem;
663 
+	margin: 0 0 1rem;
648 664 
 	padding: 0;
649 
-	font-size: 4.5rem;
665 
+	font-size: clamp(3rem, 18.46vw - 8.08rem, 6rem);
650 666 
 	line-height: 1;
651 667 
 	font-weight: 400;
652 668 
 }
653 669
654 670 
 .about__header-text {
655 
-	max-width: 42rem;
656 
-	margin: 0 0 5em;
657 
-	padding: 0 2rem;
658 
-	font-size: 2rem;
671 
+	box-sizing: border-box;
672 
+	margin: 0 0 9rem;
673 
+	padding: 0 2rem 0 0;
674 
+	padding-left: calc(var(--about-header-bg-width) + var(--about-header-bg-offset-inline) + var(--gap));
675 
+	font-size: 1.6rem;
659 676 
 	line-height: 1.15;
660 677 
 }
661 678
679 
+.credits-php .about__header-text,
680 
+.privacy-php .about__header-text {
681 
+	margin-bottom: 7rem;
682 
+}
683 
+
684 
+.freedoms-php .about__header-text {
685 
+	margin-bottom: 6rem;
686 
+}
687 
+
662 688 
 .about__header-navigation {
689 
+	position: relative;
690 
+	z-index: 1;
663 691 
 	display: flex;
664 692 
 	justify-content: center;
665 693 
 	padding-top: 0;
 
@@ -701,9 +729,15 @@
701 729 
 	border-color: var(--nav-current);
702 730 
 }
703 731
704 
-@media screen and (max-width: 960px){
732 
+@media screen and (max-width: 960px) {
733 
+	.about__header {
734 
+		--about-header-bg-width: calc(var(--about-header-image-width) * 0.7);
735 
+		--about-header-bg-height: calc(var(--about-header-image-height) * 0.7);
736 
+		--about-header-bg-offset-inline: calc(var(--gap) * -1);
737 
+	}
738 
+
705 739 
 	.about__header-title h1 {
706 
-		font-size: 4.8em;
740 
+		font-size: clamp(3rem, 18.46vw - 5.08rem, 6rem);
707 741 
 	}
708 742 
 }
709 743 
 
@@ -722,7 +756,12 @@
722 756 
 		margin-left: calc(var(--gap) / 2);
723 757 
 	}
724 758
725 
-	.about__header-text,
759 
+	.about__header-text {
760 
+		margin-top: 0;
761 
+		margin-left: 0;
762 
+		padding-right: calc(var(--gap) / 2);
763 
+	}
764 
+
726 765 
 	.about__header-navigation .nav-tab {
727 766 
 		margin-top: 0;
728 767 
 		margin-left: 0;
 
@@ -731,13 +770,35 @@
731 770 
 	}
732 771 
 }
733 772
773 
+@media screen and (max-width: 600px) {
774 
+	.about__header,
775 
+	.credits-php .about__header,
776 
+	.privacy-php .about__header,
777 
+	.freedoms-php .about__header {
778 
+		background-image: none;
779 
+	}
780 
+
781 
+	.about__header-title,
782 
+	.about__header-text {
783 
+		padding-left: calc(var(--gap) / 2) !important;
784 
+	}
785 
+
786 
+	.about__header-title h1 {
787 
+		font-size: clamp(2rem, 11.43vw - 0.29rem, 4rem);
788 
+	}
789 
+}
790 
+
734 791 
 @media screen and (max-width: 480px) {
735 792 
 	.about__header-title p {
736 793 
 		font-size: 2.4em;
737 794 
 	}
738 795
796 
+	.about__header-title {
797 
+		padding-top: 2rem;
798 
+	}
799 
+
739 800 
 	.about__header-text {
740 
-		margin-bottom: 1em;
801 
+		margin-bottom: 2rem;
741 802 
 	}
742 803
743 804 
 	.about__header-navigation {

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/about-rtl.min.css


+ 152 - 91
app/wp-admin/css/about.css
Просмотреть файл 

@@ -21,7 +21,7 @@
21 21 
 .about__container {
22 22 
 	/* Section backgrounds */
23 23 
 	--background: transparent;
24 
-	--subtle-background: #def;
24 
+	--subtle-background: #f0f0f0;
25 25
26 26 
 	/* Main text color */
27 27 
 	--text: #000;
 
@@ -29,7 +29,7 @@
29 29
30 30 
 	/* Accent colors: used in header, on special classes. */
31 31 
 	--accent-1: #3858e9; /* Accent background, link color */
32 
-	--accent-2: #2d46ba; /* Header background */
32 
+	--accent-2: #3858e9; /* Header background */
33 33
34 34 
 	/* Navigation colors. */
35 35 
 	--nav-background: #fff;
 
@@ -48,14 +48,14 @@
48 48 
 .credits-php,
49 49 
 .freedoms-php,
50 50 
 .privacy-php {
51 
-	background: #f0f7ff;
51 
+	background: #fff;
52 52 
 }
53 53
54 54 
 .about-php #wpcontent,
55 55 
 .credits-php #wpcontent,
56 56 
 .freedoms-php #wpcontent,
57 57 
 .privacy-php #wpcontent {
58 
-	background: linear-gradient(180deg, #fff 50%, #f0f7ff 100%);
58 
+	background: #fff;
59 59 
 	padding: 0 24px;
60 60 
 }
61 61 
 
@@ -140,25 +140,19 @@
140 140 
 	margin: 0 0 var(--gap);
141 141 
 }
142 142
143 
-.about__section .column {
143 
+.about__section .column:not(.is-edge-to-edge) {
144 144 
 	padding: var(--gap);
145 145 
 }
146 146
147 
-.about__section + .about__section .column {
148 
-	padding-top: 0;
149 
-}
150 
-
151 147 
 .about__section + .about__section .is-section-header {
152 148 
 	padding-bottom: var(--gap);
153 149 
 }
154 150
155 151 
 .about__section .column[class*="background-color"],
152 
+.about__section:where([class*="background-color"]) .column,
156 153 
 .about__section .column.has-border {
157 154 
 	padding-top: var(--gap);
158 
-}
159 
-
160 
-.about__section .column.is-edge-to-edge {
161 
-	padding: 0;
155 
+	padding-bottom: var(--gap);
162 156 
 }
163 157
164 158 
 .about__section .column p:first-of-type {
 
@@ -214,7 +208,8 @@
214 208 
 }
215 209
216 210 
 .about__section.has-gutters {
217 
-	gap: calc(var(--gap) / 2);
211 
+	gap: var(--gap);
212 
+	margin-bottom: calc(var(--gap) * 2);
218 213 
 }
219 214
220 215 
 .about__section.has-2-columns {
 
@@ -222,11 +217,11 @@
222 217 
 }
223 218
224 219 
 .about__section.has-2-columns.is-wider-right {
225 
-	grid-template-columns: 1fr 2fr;
220 
+	grid-template-columns: 2fr 3fr;
226 221 
 }
227 222
228 223 
 .about__section.has-2-columns.is-wider-left {
229 
-	grid-template-columns: 2fr 1fr;
224 
+	grid-template-columns: 3fr 2fr;
230 225 
 }
231 226
232 227 
 .about__section.has-2-columns .is-section-header {
 
@@ -328,13 +323,24 @@
328 323 
 	.about__section.has-2-columns.is-wider-left,
329 324 
 	.about__section.has-3-columns {
330 325 
 		display: block;
331 
-		padding-bottom: calc(var(--gap) / 2);
326 
+		margin-bottom: calc(var(--gap) / 2);
327 
+	}
328 
+
329 
+	.about__section .column:not(.is-edge-to-edge) {
330 
+		padding-top: var(--gap);
331 
+		padding-bottom: var(--gap);
332 
+	}
333 
+
334 
+	.about__section.has-2-columns.has-gutters.is-wider-right,
335 
+	.about__section.has-2-columns.has-gutters.is-wider-left,
336 
+	.about__section.has-3-columns.has-gutters {
337 
+		margin-bottom: calc(var(--gap) * 2);
332 338 
 	}
333 339
334 340 
 	.about__section.has-2-columns.has-gutters .column,
335 341 
 	.about__section.has-2-columns.has-gutters .column,
336 342 
 	.about__section.has-3-columns.has-gutters .column {
337 
-		margin-bottom: calc(var(--gap) / 2);
343 
+		margin-bottom: var(--gap);
338 344 
 	}
339 345
340 346 
 	.about__section.has-2-columns.has-gutters .column:last-child,
 
@@ -393,21 +399,25 @@
393 399 
 @media screen and (max-width: 600px) {
394 400 
 	.about__section.has-2-columns {
395 401 
 		display: block;
402 
+		margin-bottom: var(--gap);
403 
+	}
404 
+
405 
+	.about__section.has-2-columns:not(.has-gutters) .column:nth-of-type(n) {
406 
+		padding-top: calc(var(--gap) / 2);
396 407 
 		padding-bottom: calc(var(--gap) / 2);
397 408 
 	}
398 409
410 
+	.about__section.has-2-columns.has-gutters {
411 
+		margin-bottom: calc(var(--gap) * 2);
412 
+	}
413 
+
399 414 
 	.about__section.has-2-columns.has-gutters .column {
400 
-		margin-bottom: calc(var(--gap) / 2);
415 
+		margin-bottom: var(--gap);
401 416 
 	}
402 417
403 418 
 	.about__section.has-2-columns.has-gutters .column:last-child {
404 419 
 		margin-bottom: 0;
405 420 
 	}
406 
-
407 
-	.about__section.has-2-columns .column:nth-of-type(n) {
408 
-		padding-top: calc(var(--gap) / 2);
409 
-		padding-bottom: calc(var(--gap) / 2);
410 
-	}
411 421 
 }
412 422
413 423 
 @media screen and (max-width: 480px) {
 
@@ -451,18 +461,18 @@
451 461 
 .about__container h3.is-larger-heading {
452 462 
 	margin-top: 0;
453 463 
 	margin-bottom: 0.5em;
454 
-	font-size: 2em;
455 
-	line-height: 1.2;
464 
+	font-size: 2rem;
456 465 
 	font-weight: 700;
466 
+	line-height: 1.16;
457 467 
 }
458 468
459 469 
 .about__container h3,
460 470 
 .about__container h1.is-smaller-heading,
461 471 
 .about__container h2.is-smaller-heading {
462 472 
 	margin-top: 0;
463 
-	font-size: 1.6em;
464 
-	line-height: 1.3;
465 
-	font-weight: 400;
473 
+	font-size: 1.625rem;
474 
+	font-weight: 700;
475 
+	line-height: 1.4;
466 476 
 }
467 477
468 478 
 .about__container p {
 
@@ -470,6 +480,13 @@
470 480 
 	line-height: inherit;
471 481 
 }
472 482
483 
+.about__container p.is-subheading {
484 
+	margin-top: 0;
485 
+	font-size: 1.5rem;
486 
+	font-weight: 300;
487 
+	line-height: 160%;
488 
+}
489 
+
473 490 
 .about__section a {
474 491 
 	color: var(--accent-1);
475 492 
 	text-decoration: underline;
 
@@ -497,6 +514,10 @@
497 514 
 	margin-left: calc(var(--gap) / 2);
498 515 
 }
499 516
517 
+.about__container li {
518 
+	margin-bottom: 0.75rem;
519 
+}
520 
+
500 521 
 .about__container img {
501 522 
 	margin: 0;
502 523 
 	max-width: 100%;
 
@@ -523,50 +544,14 @@
523 544 
 	margin-right: auto;
524 545 
 }
525 546
526 
-.about__container .about__image-comparison {
527 
-	position: relative;
528 
-	display: inline-block;
529 
-	max-width: 100%;
530 
-}
531 
-
532 
-.about__container .about__image-comparison img {
533 
-	-webkit-user-select: none;
534 
-	user-select: none;
535 
-	width: auto;
536 
-	max-width: none;
537 
-	max-height: 100%;
538 
-}
539 
-
540 
-.about__container .about__image-comparison > img {
541 
-	max-width: 100%;
542 
-}
543 
-
544 
-.about__container .about__image-comparison-resize {
545 
-	position: absolute !important; /* Needed to override inline style on ResizableBox */
546 
-	top: 0;
547 
-	bottom: 0;
548 
-	left: 0;
549 
-	width: 50%;
550 
-	max-width: 100%;
551 
-}
552 
-
553 
-.about__container .about__image-comparison.no-js .about__image-comparison-resize {
554 
-	overflow: hidden;
555 
-	border-right: 2px solid var(--wp-admin-theme-color);
556 
-}
557 
-
558 
-.about__container .about__image-comparison-resize .components-resizable-box__side-handle::before {
559 
-	width: 4px;
560 
-	right: calc(50% - 2px);
561 
-	transition: none;
562 
-	animation: none;
563 
-	opacity: 1;
564 
-}
565 
-
566 547 
 .about__container .about__image + h3 {
567 548 
 	margin-top: 1.5em;
568 549 
 }
569 550
551 
+.about__container .column .about__image {
552 
+	margin-bottom: calc(var(--gap) / 2);
553 
+}
554 
+
570 555 
 .about__container hr {
571 556 
 	margin: 0;
572 557 
 	height: var(--gap);
 
@@ -589,7 +574,8 @@
589 574 
 }
590 575
591 576 
 .about__section {
592 
-	font-size: 1.2em;
577 
+	font-size: 1.125rem;
578 
+	line-height: 1.55;
593 579 
 }
594 580
595 581 
 .about__section.is-feature {
 
@@ -611,26 +597,45 @@
611 597 
 /* 1.3 - Header */
612 598
613 599 
 .about__header {
600 
+	--about-header-image-width: 521px;
601 
+	--about-header-image-height: 504px;
602 
+	--about-header-bg-width: var(--about-header-image-width);
603 
+	--about-header-bg-height: var(--about-header-image-height);
604 
+	--about-header-bg-offset-inline: calc(var(--gap) * -2);
605 
+
606 
+	position: relative;
614 607 
 	margin-bottom: var(--gap);
615 608 
 	padding-top: 0;
616 
-	background-position: center;
617 
-	background-repeat: no-repeat;
618 
-	background-size: cover;
619 
-	background-image: url('../images/about-header-about.svg');
620 
-	background-color: var(--accent-2);
621 
-	color: var(--text-light);
609 
+	background: var(--subtle-background) url('../images/about-header-about.svg?ver=6.0') no-repeat;
610 
+	background-size: var(--about-header-bg-width) var(--about-header-bg-height);
611 
+	background-position: right var(--about-header-bg-offset-inline) center;
622 612 
 }
623 613
624 614 
 .credits-php .about__header {
625 
-	background-image: url('../images/about-header-credits.svg');
615 
+	--about-header-image-width: 477px;
616 
+	--about-header-image-height: 470px;
617 
+	--about-header-bg-offset-inline: calc(var(--gap) * -4);
618 
+
619 
+	background-image: url('../images/about-header-credits.svg?ver=6.0');
620 
+	background-position: right var(--about-header-bg-offset-inline) top var(--gap);
626 621 
 }
627 622
628 623 
 .freedoms-php .about__header {
629 
-	background-image: url('../images/about-header-freedoms.svg');
624 
+	--about-header-image-width: 411px;
625 
+	--about-header-image-height: 498px;
626 
+	--about-header-bg-offset-inline: var(--gap);
627 
+
628 
+	background-image: url('../images/about-header-freedoms.svg?ver=6.0');
629 
+	background-position: right var(--about-header-bg-offset-inline) top calc(var(--gap) * 4);
630 630 
 }
631 631
632 632 
 .privacy-php .about__header {
633 
-	background-image: url('../images/about-header-privacy.svg');
633 
+	--about-header-image-width: 277px;
634 
+	--about-header-image-height: 361px;
635 
+	--about-header-bg-offset-inline: var(--gap);
636 
+
637 
+	background-image: url('../images/about-header-privacy.svg?ver=6.0');
638 
+	background-position: right var(--about-header-bg-offset-inline) top var(--gap);
634 639 
 }
635 640
636 641 
 .about__header-image {
 
@@ -638,27 +643,50 @@
638 643 
 }
639 644
640 645 
 .about__header-title {
641 
-	padding: 2rem 0 0;
642 
-	margin: 0 2rem;
646 
+	box-sizing: border-box;
647 
+	margin: 0 0 0 var(--gap);
648 
+	padding: 8rem 0 0;
649 
+	padding-right: calc(var(--about-header-bg-width) + var(--about-header-bg-offset-inline) + var(--gap));
650 
+}
651 
+
652 
+.credits-php .about__header-title,
653 
+.privacy-php .about__header-title {
654 
+	padding-top: 6rem;
655 
+}
656 
+
657 
+.freedoms-php .about__header-title {
658 
+	padding-top: 3rem;
643 659 
 }
644 660
645 661 
 .about__header-title h1 {
646 
-	margin: 0 0 0.5rem;
662 
+	margin: 0 0 1rem;
647 663 
 	padding: 0;
648 
-	font-size: 4.5rem;
664 
+	font-size: clamp(3rem, 18.46vw - 8.08rem, 6rem);
649 665 
 	line-height: 1;
650 666 
 	font-weight: 400;
651 667 
 }
652 668
653 669 
 .about__header-text {
654 
-	max-width: 42rem;
655 
-	margin: 0 0 5em;
656 
-	padding: 0 2rem;
657 
-	font-size: 2rem;
670 
+	box-sizing: border-box;
671 
+	margin: 0 0 9rem;
672 
+	padding: 0 0 0 2rem;
673 
+	padding-right: calc(var(--about-header-bg-width) + var(--about-header-bg-offset-inline) + var(--gap));
674 
+	font-size: 1.6rem;
658 675 
 	line-height: 1.15;
659 676 
 }
660 677
678 
+.credits-php .about__header-text,
679 
+.privacy-php .about__header-text {
680 
+	margin-bottom: 7rem;
681 
+}
682 
+
683 
+.freedoms-php .about__header-text {
684 
+	margin-bottom: 6rem;
685 
+}
686 
+
661 687 
 .about__header-navigation {
688 
+	position: relative;
689 
+	z-index: 1;
662 690 
 	display: flex;
663 691 
 	justify-content: center;
664 692 
 	padding-top: 0;
 
@@ -700,9 +728,15 @@
700 728 
 	border-color: var(--nav-current);
701 729 
 }
702 730
703 
-@media screen and (max-width: 960px){
731 
+@media screen and (max-width: 960px) {
732 
+	.about__header {
733 
+		--about-header-bg-width: calc(var(--about-header-image-width) * 0.7);
734 
+		--about-header-bg-height: calc(var(--about-header-image-height) * 0.7);
735 
+		--about-header-bg-offset-inline: calc(var(--gap) * -1);
736 
+	}
737 
+
704 738 
 	.about__header-title h1 {
705 
-		font-size: 4.8em;
739 
+		font-size: clamp(3rem, 18.46vw - 5.08rem, 6rem);
706 740 
 	}
707 741 
 }
708 742 
 
@@ -721,7 +755,12 @@
721 755 
 		margin-right: calc(var(--gap) / 2);
722 756 
 	}
723 757
724 
-	.about__header-text,
758 
+	.about__header-text {
759 
+		margin-top: 0;
760 
+		margin-right: 0;
761 
+		padding-left: calc(var(--gap) / 2);
762 
+	}
763 
+
725 764 
 	.about__header-navigation .nav-tab {
726 765 
 		margin-top: 0;
727 766 
 		margin-right: 0;
 
@@ -730,13 +769,35 @@
730 769 
 	}
731 770 
 }
732 771
772 
+@media screen and (max-width: 600px) {
773 
+	.about__header,
774 
+	.credits-php .about__header,
775 
+	.privacy-php .about__header,
776 
+	.freedoms-php .about__header {
777 
+		background-image: none;
778 
+	}
779 
+
780 
+	.about__header-title,
781 
+	.about__header-text {
782 
+		padding-right: calc(var(--gap) / 2) !important;
783 
+	}
784 
+
785 
+	.about__header-title h1 {
786 
+		font-size: clamp(2rem, 11.43vw - 0.29rem, 4rem);
787 
+	}
788 
+}
789 
+
733 790 
 @media screen and (max-width: 480px) {
734 791 
 	.about__header-title p {
735 792 
 		font-size: 2.4em;
736 793 
 	}
737 794
795 
+	.about__header-title {
796 
+		padding-top: 2rem;
797 
+	}
798 
+
738 799 
 	.about__header-text {
739 
-		margin-bottom: 1em;
800 
+		margin-bottom: 2rem;
740 801 
 	}
741 802
742 803 
 	.about__header-navigation {

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/about.min.css


+ 5 - 6
app/wp-admin/css/admin-menu-rtl.css
Просмотреть файл 

@@ -40,7 +40,7 @@
40 40 
 .icon16 {
41 41 
 	height: 18px;
42 42 
 	width: 18px;
43 
-	padding: 6px 6px;
43 
+	padding: 6px;
44 44 
 	margin: -6px -8px 0 0;
45 45 
 	float: right;
46 46 
 }
 
@@ -162,7 +162,6 @@
162 162 
 #adminmenu li {
163 163 
 	margin: 0;
164 164 
 	padding: 0;
165 
-	cursor: pointer;
166 165 
 }
167 166
168 167 
 #adminmenu a {
 
@@ -346,7 +345,7 @@
346 345 
 }
347 346
348 347 
 #adminmenu .wp-menu-image img {
349 
-	padding: 9px 0 0 0;
348 
+	padding: 9px 0 0;
350 349 
 	opacity: 0.6;
351 350 
 	filter: alpha(opacity=60);
352 351 
 }
 
@@ -489,7 +488,7 @@ ul#adminmenu > li.current > a.current:after {
489 488 
 #adminmenu li.wp-menu-separator {
490 489 
 	height: 5px;
491 490 
 	padding: 0;
492 
-	margin: 0 0 6px 0;
491 
+	margin: 0 0 6px;
493 492 
 	cursor: inherit;
494 493 
 }
495 494 
 
@@ -504,7 +503,7 @@ ul#adminmenu > li.current > a.current:after {
504 503 
 	font-weight: 400;
505 504 
 	font-size: 14px;
506 505 
 	padding: 5px 11px 5px 4px;
507 
-	margin: -7px -5px 4px 0px;
506 
+	margin: -7px -5px 4px 0;
508 507 
 	border-width: 3px 5px 3px 0;
509 508 
 	border-style: solid;
510 509 
 	border-color: transparent;
 
@@ -655,7 +654,7 @@ li#wp-admin-bar-menu-toggle {
655 654 
 	.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
656 655 
 	.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
657 656 
 	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
658 
-		top: 0px;
657 
+		top: 0;
659 658 
 		right: 36px;
660 659 
 	}
661 660

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/admin-menu-rtl.min.css


+ 5 - 6
app/wp-admin/css/admin-menu.css
Просмотреть файл 

@@ -39,7 +39,7 @@
39 39 
 .icon16 {
40 40 
 	height: 18px;
41 41 
 	width: 18px;
42 
-	padding: 6px 6px;
42 
+	padding: 6px;
43 43 
 	margin: -6px 0 0 -8px;
44 44 
 	float: left;
45 45 
 }
 
@@ -161,7 +161,6 @@
161 161 
 #adminmenu li {
162 162 
 	margin: 0;
163 163 
 	padding: 0;
164 
-	cursor: pointer;
165 164 
 }
166 165
167 166 
 #adminmenu a {
 
@@ -345,7 +344,7 @@
345 344 
 }
346 345
347 346 
 #adminmenu .wp-menu-image img {
348 
-	padding: 9px 0 0 0;
347 
+	padding: 9px 0 0;
349 348 
 	opacity: 0.6;
350 349 
 	filter: alpha(opacity=60);
351 350 
 }
 
@@ -488,7 +487,7 @@ ul#adminmenu > li.current > a.current:after {
488 487 
 #adminmenu li.wp-menu-separator {
489 488 
 	height: 5px;
490 489 
 	padding: 0;
491 
-	margin: 0 0 6px 0;
490 
+	margin: 0 0 6px;
492 491 
 	cursor: inherit;
493 492 
 }
494 493 
 
@@ -503,7 +502,7 @@ ul#adminmenu > li.current > a.current:after {
503 502 
 	font-weight: 400;
504 503 
 	font-size: 14px;
505 504 
 	padding: 5px 4px 5px 11px;
506 
-	margin: -7px 0px 4px -5px;
505 
+	margin: -7px 0 4px -5px;
507 506 
 	border-width: 3px 0 3px 5px;
508 507 
 	border-style: solid;
509 508 
 	border-color: transparent;
 
@@ -654,7 +653,7 @@ li#wp-admin-bar-menu-toggle {
654 653 
 	.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
655 654 
 	.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
656 655 
 	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
657 
-		top: 0px;
656 
+		top: 0;
658 657 
 		left: 36px;
659 658 
 	}
660 659

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/admin-menu.min.css


+ 1 - 1
app/wp-admin/css/color-picker-rtl.css
Просмотреть файл 

@@ -12,7 +12,7 @@
12 12 
 /* Needs higher specificiity. */
13 13 
 .wp-picker-container .wp-color-result.button {
14 14 
 	min-height: 30px;
15 
-	margin: 0 0px 6px 6px;
15 
+	margin: 0 0 6px 6px;
16 16 
 	padding: 0 30px 0 0;
17 17 
 	font-size: 11px;
18 18 
 }

+ 1 - 1
app/wp-admin/css/color-picker.css
Просмотреть файл 

@@ -11,7 +11,7 @@
11 11 
 /* Needs higher specificiity. */
12 12 
 .wp-picker-container .wp-color-result.button {
13 13 
 	min-height: 30px;
14 
-	margin: 0 6px 6px 0px;
14 
+	margin: 0 6px 6px 0;
15 15 
 	padding: 0 0 0 30px;
16 16 
 	font-size: 11px;
17 17 
 }

+ 17 - 0
app/wp-admin/css/colors/_admin.scss
Просмотреть файл 

@@ -781,3 +781,20 @@ div#wp-responsive-toggle a:before {
781 781 
 		color: $link;
782 782 
 	}
783 783 
 }
784 
+
785 
+/* Welcome Panel */
786 
+.welcome-panel {
787 
+	background-color: mix($dashboard-accent-1, white, 12%);
788 
+}
789 
+
790 
+.welcome-panel-header-image .about-six {
791 
+	fill: $dashboard-accent-1;
792 
+}
793 
+
794 
+.welcome-panel-header-image .about-zero {
795 
+	fill: $dashboard-accent-2;
796 
+}
797 
+
798 
+[class*="welcome-panel-icon"] {
799 
+	background-color: $dashboard-icon-background;
800 
+}

+ 7 - 0
app/wp-admin/css/colors/_variables.scss
Просмотреть файл 

@@ -1,5 +1,6 @@
1 1 
 // assign default value to all undefined variables
2 2
3 
+$scheme-name: "default" !default;
3 4
4 5 
 // core variables
5 6 
 
@@ -62,4 +63,10 @@ $adminbar-recovery-exit-background-alt: mix(black, $adminbar-recovery-exit-backg
62 63
63 64 
 $menu-customizer-text: mix( $base-color, $text-color, 40% ) !default;
64 65
66 
+// Dashboard Colors
67 
+
68 
+$dashboard-accent-1: $highlight-color !default;
69 
+$dashboard-accent-2: $base-color !default;
70 
+$dashboard-icon-background: $dashboard-accent-2 !default;
71 
+
65 72 
 $low-contrast-theme: "false" !default;

+ 17 - 0
app/wp-admin/css/colors/blue/colors-rtl.css
Просмотреть файл 

@@ -702,4 +702,21 @@ div#wp-responsive-toggle a:before {
702 702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 703 
   border-bottom-color: #e1a948;
704 704 
   color: #0073aa;
705 
+}
706 
+
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #e1ecf0;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #096484;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #52accc;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #096484;
705 722 
 }

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/colors/blue/colors-rtl.min.css


+ 17 - 0
app/wp-admin/css/colors/blue/colors.css
Просмотреть файл 

@@ -702,4 +702,21 @@ div#wp-responsive-toggle a:before {
702 702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 703 
   border-bottom-color: #e1a948;
704 704 
   color: #0073aa;
705 
+}
706 
+
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #e1ecf0;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #096484;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #52accc;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #096484;
705 722 
 }

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/colors/blue/colors.min.css


+ 3 - 0
app/wp-admin/css/colors/blue/colors.scss
Просмотреть файл 

@@ -1,3 +1,4 @@
1 
+$scheme-name: "blue";
1 2 
 $base-color: #52accc;
2 3 
 $icon-color: #e5f8ff;
3 4 
 $highlight-color: #096484;
 
@@ -8,4 +9,6 @@ $menu-submenu-text: #e2ecf1;
8 9 
 $menu-submenu-focus-text: #fff;
9 10 
 $menu-submenu-background: #4796b3;
10 11
12 
+$dashboard-icon-background: $highlight-color;
13 
+
11 14 
 @import "../_admin.scss";

+ 26 - 9
app/wp-admin/css/colors/coffee/colors-rtl.css
Просмотреть файл 

@@ -167,7 +167,7 @@ textarea:focus {
167 167 
   color: #9ea476;
168 168 
 }
169 169 
 .wp-core-ui .wp-ui-text-icon {
170 
-  color: #f3f2f1;
170 
+  color: hsl(27.6923076923deg, 7%, 95%);
171 171 
 }
172 172
173 173 
 /* List tables */
 
@@ -196,7 +196,7 @@ textarea:focus {
196 196 
 }
197 197
198 198 
 #adminmenu div.wp-menu-image:before {
199 
-  color: #f3f2f1;
199 
+  color: hsl(27.6923076923deg, 7%, 95%);
200 200 
 }
201 201
202 202 
 #adminmenu a:hover,
 
@@ -308,7 +308,7 @@ ul#adminmenu > li.current > a.current:after {
308 308
309 309 
 /* Admin Menu: collapse button */
310 310 
 #collapse-button {
311 
-  color: #f3f2f1;
311 
+  color: hsl(27.6923076923deg, 7%, 95%);
312 312 
 }
313 313
314 314 
 #collapse-button:hover,
 
@@ -333,7 +333,7 @@ ul#adminmenu > li.current > a.current:after {
333 333 
 #wpadminbar .ab-icon:before,
334 334 
 #wpadminbar .ab-item:before,
335 335 
 #wpadminbar .ab-item:after {
336 
-  color: #f3f2f1;
336 
+  color: hsl(27.6923076923deg, 7%, 95%);
337 337 
 }
338 338
339 339 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
 
@@ -377,7 +377,7 @@ ul#adminmenu > li.current > a.current:after {
377 377
378 378 
 #wpadminbar .quicklinks li .blavatar,
379 379 
 #wpadminbar .menupop .menupop > .ab-item:before {
380 
-  color: #f3f2f1;
380 
+  color: hsl(27.6923076923deg, 7%, 95%);
381 381 
 }
382 382
383 383 
 #wpadminbar .quicklinks .menupop ul li a:hover,
 
@@ -412,12 +412,12 @@ ul#adminmenu > li.current > a.current:after {
412 412
413 413 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
414 414 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
415 
-  color: #f3f2f1;
415 
+  color: hsl(27.6923076923deg, 7%, 95%);
416 416 
 }
417 417
418 418 
 /* Admin Bar: search */
419 419 
 #wpadminbar #adminbarsearch:before {
420 
-  color: #f3f2f1;
420 
+  color: hsl(27.6923076923deg, 7%, 95%);
421 421 
 }
422 422
423 423 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 
@@ -553,7 +553,7 @@ body.more-filters-opened .more-filters:focus:before {
553 553
554 554 
 /* Responsive Component */
555 555 
 div#wp-responsive-toggle a:before {
556 
-  color: #f3f2f1;
556 
+  color: hsl(27.6923076923deg, 7%, 95%);
557 557 
 }
558 558
559 559 
 .wp-responsive-open div#wp-responsive-toggle a {
 
@@ -566,7 +566,7 @@ div#wp-responsive-toggle a:before {
566 566 
 }
567 567
568 568 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
569 
-  color: #f3f2f1;
569 
+  color: hsl(27.6923076923deg, 7%, 95%);
570 570 
 }
571 571
572 572 
 /* TinyMCE */
 
@@ -669,4 +669,21 @@ div#wp-responsive-toggle a:before {
669 669 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
670 670 
   border-bottom-color: #c7a589;
671 671 
   color: #0073aa;
672 
+}
673 
+
674 
+/* Welcome Panel */
675 
+.welcome-panel {
676 
+  background-color: #f8f4f1;
677 
+}
678 
+
679 
+.welcome-panel-header-image .about-six {
680 
+  fill: #c7a589;
681 
+}
682 
+
683 
+.welcome-panel-header-image .about-zero {
684 
+  fill: #59524c;
685 
+}
686 
+
687 
+[class*=welcome-panel-icon] {
688 
+  background-color: #59524c;
672 689 
 }

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/colors/coffee/colors-rtl.min.css


+ 26 - 9
app/wp-admin/css/colors/coffee/colors.css
Просмотреть файл 

@@ -167,7 +167,7 @@ textarea:focus {
167 167 
   color: #9ea476;
168 168 
 }
169 169 
 .wp-core-ui .wp-ui-text-icon {
170 
-  color: #f3f2f1;
170 
+  color: hsl(27.6923076923deg, 7%, 95%);
171 171 
 }
172 172
173 173 
 /* List tables */
 
@@ -196,7 +196,7 @@ textarea:focus {
196 196 
 }
197 197
198 198 
 #adminmenu div.wp-menu-image:before {
199 
-  color: #f3f2f1;
199 
+  color: hsl(27.6923076923deg, 7%, 95%);
200 200 
 }
201 201
202 202 
 #adminmenu a:hover,
 
@@ -308,7 +308,7 @@ ul#adminmenu > li.current > a.current:after {
308 308
309 309 
 /* Admin Menu: collapse button */
310 310 
 #collapse-button {
311 
-  color: #f3f2f1;
311 
+  color: hsl(27.6923076923deg, 7%, 95%);
312 312 
 }
313 313
314 314 
 #collapse-button:hover,
 
@@ -333,7 +333,7 @@ ul#adminmenu > li.current > a.current:after {
333 333 
 #wpadminbar .ab-icon:before,
334 334 
 #wpadminbar .ab-item:before,
335 335 
 #wpadminbar .ab-item:after {
336 
-  color: #f3f2f1;
336 
+  color: hsl(27.6923076923deg, 7%, 95%);
337 337 
 }
338 338
339 339 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
 
@@ -377,7 +377,7 @@ ul#adminmenu > li.current > a.current:after {
377 377
378 378 
 #wpadminbar .quicklinks li .blavatar,
379 379 
 #wpadminbar .menupop .menupop > .ab-item:before {
380 
-  color: #f3f2f1;
380 
+  color: hsl(27.6923076923deg, 7%, 95%);
381 381 
 }
382 382
383 383 
 #wpadminbar .quicklinks .menupop ul li a:hover,
 
@@ -412,12 +412,12 @@ ul#adminmenu > li.current > a.current:after {
412 412
413 413 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
414 414 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
415 
-  color: #f3f2f1;
415 
+  color: hsl(27.6923076923deg, 7%, 95%);
416 416 
 }
417 417
418 418 
 /* Admin Bar: search */
419 419 
 #wpadminbar #adminbarsearch:before {
420 
-  color: #f3f2f1;
420 
+  color: hsl(27.6923076923deg, 7%, 95%);
421 421 
 }
422 422
423 423 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 
@@ -553,7 +553,7 @@ body.more-filters-opened .more-filters:focus:before {
553 553
554 554 
 /* Responsive Component */
555 555 
 div#wp-responsive-toggle a:before {
556 
-  color: #f3f2f1;
556 
+  color: hsl(27.6923076923deg, 7%, 95%);
557 557 
 }
558 558
559 559 
 .wp-responsive-open div#wp-responsive-toggle a {
 
@@ -566,7 +566,7 @@ div#wp-responsive-toggle a:before {
566 566 
 }
567 567
568 568 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
569 
-  color: #f3f2f1;
569 
+  color: hsl(27.6923076923deg, 7%, 95%);
570 570 
 }
571 571
572 572 
 /* TinyMCE */
 
@@ -669,4 +669,21 @@ div#wp-responsive-toggle a:before {
669 669 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
670 670 
   border-bottom-color: #c7a589;
671 671 
   color: #0073aa;
672 
+}
673 
+
674 
+/* Welcome Panel */
675 
+.welcome-panel {
676 
+  background-color: #f8f4f1;
677 
+}
678 
+
679 
+.welcome-panel-header-image .about-six {
680 
+  fill: #c7a589;
681 
+}
682 
+
683 
+.welcome-panel-header-image .about-zero {
684 
+  fill: #59524c;
685 
+}
686 
+
687 
+[class*=welcome-panel-icon] {
688 
+  background-color: #59524c;
672 689 
 }

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/colors/coffee/colors.min.css


+ 1 - 0
app/wp-admin/css/colors/coffee/colors.scss
Просмотреть файл 

@@ -1,3 +1,4 @@
1 
+$scheme-name: "coffee";
1 2 
 $base-color: #59524c;
2 3 
 $highlight-color: #c7a589;
3 4 
 $notification-color: #9ea476;

+ 17 - 0
app/wp-admin/css/colors/ectoplasm/colors-rtl.css
Просмотреть файл 

@@ -702,4 +702,21 @@ div#wp-responsive-toggle a:before {
702 702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 703 
   border-bottom-color: #a3b745;
704 704 
   color: #0073aa;
705 
+}
706 
+
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #f4f6e9;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #a3b745;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #523f6d;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #523f6d;
705 722 
 }

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/colors/ectoplasm/colors-rtl.min.css


+ 17 - 0
app/wp-admin/css/colors/ectoplasm/colors.css
Просмотреть файл 

@@ -702,4 +702,21 @@ div#wp-responsive-toggle a:before {
702 702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 703 
   border-bottom-color: #a3b745;
704 704 
   color: #0073aa;
705 
+}
706 
+
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #f4f6e9;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #a3b745;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #523f6d;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #523f6d;
705 722 
 }

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/colors/ectoplasm/colors.min.css


+ 1 - 0
app/wp-admin/css/colors/ectoplasm/colors.scss
Просмотреть файл 

@@ -1,3 +1,4 @@
1 
+$scheme-name: "ectoplasm";
1 2 
 $base-color: #523f6d;
2 3 
 $icon-color: #ece6f6;
3 4 
 $highlight-color: #a3b745;

+ 17 - 0
app/wp-admin/css/colors/light/colors-rtl.css
Просмотреть файл 

@@ -704,6 +704,23 @@ div#wp-responsive-toggle a:before {
704 704 
   color: #0073aa;
705 705 
 }
706 706
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #e1f4f9;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #04a4cc;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #999;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #333;
722 
+}
723 
+
707 724 
 /* Override the theme filter highlight color for this scheme */
708 725 
 .theme-section.current,
709 726 
 .theme-filter.current {

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/colors/light/colors-rtl.min.css


+ 17 - 0
app/wp-admin/css/colors/light/colors.css
Просмотреть файл 

@@ -704,6 +704,23 @@ div#wp-responsive-toggle a:before {
704 704 
   color: #0073aa;
705 705 
 }
706 706
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #e1f4f9;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #04a4cc;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #999;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #333;
722 
+}
723 
+
707 724 
 /* Override the theme filter highlight color for this scheme */
708 725 
 .theme-section.current,
709 726 
 .theme-filter.current {

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/colors/light/colors.min.css


+ 4 - 0
app/wp-admin/css/colors/light/colors.scss
Просмотреть файл 

@@ -1,3 +1,4 @@
1 
+$scheme-name: "light";
1 2 
 $base-color: #e5e5e5;
2 3 
 $icon-color: #999;
3 4 
 $text-color: #333;
 
@@ -17,6 +18,9 @@ $menu-submenu-background: #fff;
17 18 
 $menu-collapse-text: #777;
18 19 
 $menu-collapse-focus-icon: #555;
19 20
21 
+$dashboard-accent-2: $icon-color;
22 
+$dashboard-icon-background: $text-color;
23 
+
20 24 
 @import "../_admin.scss";
21 25
22 26 
 /* Override the theme filter highlight color for this scheme */

+ 26 - 9
app/wp-admin/css/colors/midnight/colors-rtl.css
Просмотреть файл 

@@ -188,7 +188,7 @@ textarea:focus {
188 188 
   color: #69a8bb;
189 189 
 }
190 190 
 .wp-core-ui .wp-ui-text-icon {
191 
-  color: #f1f2f3;
191 
+  color: hsl(206.6666666667deg, 7%, 95%);
192 192 
 }
193 193
194 194 
 /* List tables */
 
@@ -229,7 +229,7 @@ textarea:focus {
229 229 
 }
230 230
231 231 
 #adminmenu div.wp-menu-image:before {
232 
-  color: #f1f2f3;
232 
+  color: hsl(206.6666666667deg, 7%, 95%);
233 233 
 }
234 234
235 235 
 #adminmenu a:hover,
 
@@ -341,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
341 341
342 342 
 /* Admin Menu: collapse button */
343 343 
 #collapse-button {
344 
-  color: #f1f2f3;
344 
+  color: hsl(206.6666666667deg, 7%, 95%);
345 345 
 }
346 346
347 347 
 #collapse-button:hover,
 
@@ -366,7 +366,7 @@ ul#adminmenu > li.current > a.current:after {
366 366 
 #wpadminbar .ab-icon:before,
367 367 
 #wpadminbar .ab-item:before,
368 368 
 #wpadminbar .ab-item:after {
369 
-  color: #f1f2f3;
369 
+  color: hsl(206.6666666667deg, 7%, 95%);
370 370 
 }
371 371
372 372 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
 
@@ -410,7 +410,7 @@ ul#adminmenu > li.current > a.current:after {
410 410
411 411 
 #wpadminbar .quicklinks li .blavatar,
412 412 
 #wpadminbar .menupop .menupop > .ab-item:before {
413 
-  color: #f1f2f3;
413 
+  color: hsl(206.6666666667deg, 7%, 95%);
414 414 
 }
415 415
416 416 
 #wpadminbar .quicklinks .menupop ul li a:hover,
 
@@ -445,12 +445,12 @@ ul#adminmenu > li.current > a.current:after {
445 445
446 446 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 447 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
-  color: #f1f2f3;
448 
+  color: hsl(206.6666666667deg, 7%, 95%);
449 449 
 }
450 450
451 451 
 /* Admin Bar: search */
452 452 
 #wpadminbar #adminbarsearch:before {
453 
-  color: #f1f2f3;
453 
+  color: hsl(206.6666666667deg, 7%, 95%);
454 454 
 }
455 455
456 456 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
586 586
587 587 
 /* Responsive Component */
588 588 
 div#wp-responsive-toggle a:before {
589 
-  color: #f1f2f3;
589 
+  color: hsl(206.6666666667deg, 7%, 95%);
590 590 
 }
591 591
592 592 
 .wp-responsive-open div#wp-responsive-toggle a {
 
@@ -599,7 +599,7 @@ div#wp-responsive-toggle a:before {
599 599 
 }
600 600
601 601 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
-  color: #f1f2f3;
602 
+  color: hsl(206.6666666667deg, 7%, 95%);
603 603 
 }
604 604
605 605 
 /* TinyMCE */
 
@@ -702,4 +702,21 @@ div#wp-responsive-toggle a:before {
702 702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 703 
   border-bottom-color: #e14d43;
704 704 
   color: #0073aa;
705 
+}
706 
+
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #fbeae8;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #e14d43;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #363b3f;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #e14d43;
705 722 
 }

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/colors/midnight/colors-rtl.min.css


+ 26 - 9
app/wp-admin/css/colors/midnight/colors.css
Просмотреть файл 

@@ -188,7 +188,7 @@ textarea:focus {
188 188 
   color: #69a8bb;
189 189 
 }
190 190 
 .wp-core-ui .wp-ui-text-icon {
191 
-  color: #f1f2f3;
191 
+  color: hsl(206.6666666667deg, 7%, 95%);
192 192 
 }
193 193
194 194 
 /* List tables */
 
@@ -229,7 +229,7 @@ textarea:focus {
229 229 
 }
230 230
231 231 
 #adminmenu div.wp-menu-image:before {
232 
-  color: #f1f2f3;
232 
+  color: hsl(206.6666666667deg, 7%, 95%);
233 233 
 }
234 234
235 235 
 #adminmenu a:hover,
 
@@ -341,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
341 341
342 342 
 /* Admin Menu: collapse button */
343 343 
 #collapse-button {
344 
-  color: #f1f2f3;
344 
+  color: hsl(206.6666666667deg, 7%, 95%);
345 345 
 }
346 346
347 347 
 #collapse-button:hover,
 
@@ -366,7 +366,7 @@ ul#adminmenu > li.current > a.current:after {
366 366 
 #wpadminbar .ab-icon:before,
367 367 
 #wpadminbar .ab-item:before,
368 368 
 #wpadminbar .ab-item:after {
369 
-  color: #f1f2f3;
369 
+  color: hsl(206.6666666667deg, 7%, 95%);
370 370 
 }
371 371
372 372 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
 
@@ -410,7 +410,7 @@ ul#adminmenu > li.current > a.current:after {
410 410
411 411 
 #wpadminbar .quicklinks li .blavatar,
412 412 
 #wpadminbar .menupop .menupop > .ab-item:before {
413 
-  color: #f1f2f3;
413 
+  color: hsl(206.6666666667deg, 7%, 95%);
414 414 
 }
415 415
416 416 
 #wpadminbar .quicklinks .menupop ul li a:hover,
 
@@ -445,12 +445,12 @@ ul#adminmenu > li.current > a.current:after {
445 445
446 446 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 447 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
-  color: #f1f2f3;
448 
+  color: hsl(206.6666666667deg, 7%, 95%);
449 449 
 }
450 450
451 451 
 /* Admin Bar: search */
452 452 
 #wpadminbar #adminbarsearch:before {
453 
-  color: #f1f2f3;
453 
+  color: hsl(206.6666666667deg, 7%, 95%);
454 454 
 }
455 455
456 456 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
586 586
587 587 
 /* Responsive Component */
588 588 
 div#wp-responsive-toggle a:before {
589 
-  color: #f1f2f3;
589 
+  color: hsl(206.6666666667deg, 7%, 95%);
590 590 
 }
591 591
592 592 
 .wp-responsive-open div#wp-responsive-toggle a {
 
@@ -599,7 +599,7 @@ div#wp-responsive-toggle a:before {
599 599 
 }
600 600
601 601 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
-  color: #f1f2f3;
602 
+  color: hsl(206.6666666667deg, 7%, 95%);
603 603 
 }
604 604
605 605 
 /* TinyMCE */
 
@@ -702,4 +702,21 @@ div#wp-responsive-toggle a:before {
702 702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 703 
   border-bottom-color: #e14d43;
704 704 
   color: #0073aa;
705 
+}
706 
+
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #fbeae8;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #e14d43;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #363b3f;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #e14d43;
705 722 
 }

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/colors/midnight/colors.min.css


+ 3 - 0
app/wp-admin/css/colors/midnight/colors.scss
Просмотреть файл 

@@ -1,5 +1,8 @@
1 
+$scheme-name: "midnight";
1 2 
 $base-color: #363b3f;
2 3 
 $highlight-color: #e14d43;
3 4 
 $notification-color: #69a8bb;
4 5
6 
+$dashboard-icon-background: $highlight-color;
7 
+
5 8 
 @import "../_admin.scss";

+ 26 - 9
app/wp-admin/css/colors/modern/colors-rtl.css
Просмотреть файл 

@@ -188,7 +188,7 @@ textarea:focus {
188 188 
   color: #3858e9;
189 189 
 }
190 190 
 .wp-core-ui .wp-ui-text-icon {
191 
-  color: #f3f1f1;
191 
+  color: hsl(0deg, 7%, 95%);
192 192 
 }
193 193
194 194 
 /* List tables */
 
@@ -229,7 +229,7 @@ textarea:focus {
229 229 
 }
230 230
231 231 
 #adminmenu div.wp-menu-image:before {
232 
-  color: #f3f1f1;
232 
+  color: hsl(0deg, 7%, 95%);
233 233 
 }
234 234
235 235 
 #adminmenu a:hover,
 
@@ -341,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
341 341
342 342 
 /* Admin Menu: collapse button */
343 343 
 #collapse-button {
344 
-  color: #f3f1f1;
344 
+  color: hsl(0deg, 7%, 95%);
345 345 
 }
346 346
347 347 
 #collapse-button:hover,
 
@@ -366,7 +366,7 @@ ul#adminmenu > li.current > a.current:after {
366 366 
 #wpadminbar .ab-icon:before,
367 367 
 #wpadminbar .ab-item:before,
368 368 
 #wpadminbar .ab-item:after {
369 
-  color: #f3f1f1;
369 
+  color: hsl(0deg, 7%, 95%);
370 370 
 }
371 371
372 372 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
 
@@ -410,7 +410,7 @@ ul#adminmenu > li.current > a.current:after {
410 410
411 411 
 #wpadminbar .quicklinks li .blavatar,
412 412 
 #wpadminbar .menupop .menupop > .ab-item:before {
413 
-  color: #f3f1f1;
413 
+  color: hsl(0deg, 7%, 95%);
414 414 
 }
415 415
416 416 
 #wpadminbar .quicklinks .menupop ul li a:hover,
 
@@ -445,12 +445,12 @@ ul#adminmenu > li.current > a.current:after {
445 445
446 446 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 447 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
-  color: #f3f1f1;
448 
+  color: hsl(0deg, 7%, 95%);
449 449 
 }
450 450
451 451 
 /* Admin Bar: search */
452 452 
 #wpadminbar #adminbarsearch:before {
453 
-  color: #f3f1f1;
453 
+  color: hsl(0deg, 7%, 95%);
454 454 
 }
455 455
456 456 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
586 586
587 587 
 /* Responsive Component */
588 588 
 div#wp-responsive-toggle a:before {
589 
-  color: #f3f1f1;
589 
+  color: hsl(0deg, 7%, 95%);
590 590 
 }
591 591
592 592 
 .wp-responsive-open div#wp-responsive-toggle a {
 
@@ -599,7 +599,7 @@ div#wp-responsive-toggle a:before {
599 599 
 }
600 600
601 601 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
-  color: #f3f1f1;
602 
+  color: hsl(0deg, 7%, 95%);
603 603 
 }
604 604
605 605 
 /* TinyMCE */
 
@@ -702,4 +702,21 @@ div#wp-responsive-toggle a:before {
702 702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 703 
   border-bottom-color: #3858e9;
704 704 
   color: #3858e9;
705 
+}
706 
+
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #e7ebfc;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #3858e9;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #1b8362;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #1d2327;
705 722 
 }

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/colors/modern/colors-rtl.min.css


+ 26 - 9
app/wp-admin/css/colors/modern/colors.css
Просмотреть файл 

@@ -188,7 +188,7 @@ textarea:focus {
188 188 
   color: #3858e9;
189 189 
 }
190 190 
 .wp-core-ui .wp-ui-text-icon {
191 
-  color: #f3f1f1;
191 
+  color: hsl(0deg, 7%, 95%);
192 192 
 }
193 193
194 194 
 /* List tables */
 
@@ -229,7 +229,7 @@ textarea:focus {
229 229 
 }
230 230
231 231 
 #adminmenu div.wp-menu-image:before {
232 
-  color: #f3f1f1;
232 
+  color: hsl(0deg, 7%, 95%);
233 233 
 }
234 234
235 235 
 #adminmenu a:hover,
 
@@ -341,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
341 341
342 342 
 /* Admin Menu: collapse button */
343 343 
 #collapse-button {
344 
-  color: #f3f1f1;
344 
+  color: hsl(0deg, 7%, 95%);
345 345 
 }
346 346
347 347 
 #collapse-button:hover,
 
@@ -366,7 +366,7 @@ ul#adminmenu > li.current > a.current:after {
366 366 
 #wpadminbar .ab-icon:before,
367 367 
 #wpadminbar .ab-item:before,
368 368 
 #wpadminbar .ab-item:after {
369 
-  color: #f3f1f1;
369 
+  color: hsl(0deg, 7%, 95%);
370 370 
 }
371 371
372 372 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
 
@@ -410,7 +410,7 @@ ul#adminmenu > li.current > a.current:after {
410 410
411 411 
 #wpadminbar .quicklinks li .blavatar,
412 412 
 #wpadminbar .menupop .menupop > .ab-item:before {
413 
-  color: #f3f1f1;
413 
+  color: hsl(0deg, 7%, 95%);
414 414 
 }
415 415
416 416 
 #wpadminbar .quicklinks .menupop ul li a:hover,
 
@@ -445,12 +445,12 @@ ul#adminmenu > li.current > a.current:after {
445 445
446 446 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 447 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
-  color: #f3f1f1;
448 
+  color: hsl(0deg, 7%, 95%);
449 449 
 }
450 450
451 451 
 /* Admin Bar: search */
452 452 
 #wpadminbar #adminbarsearch:before {
453 
-  color: #f3f1f1;
453 
+  color: hsl(0deg, 7%, 95%);
454 454 
 }
455 455
456 456 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
586 586
587 587 
 /* Responsive Component */
588 588 
 div#wp-responsive-toggle a:before {
589 
-  color: #f3f1f1;
589 
+  color: hsl(0deg, 7%, 95%);
590 590 
 }
591 591
592 592 
 .wp-responsive-open div#wp-responsive-toggle a {
 
@@ -599,7 +599,7 @@ div#wp-responsive-toggle a:before {
599 599 
 }
600 600
601 601 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
-  color: #f3f1f1;
602 
+  color: hsl(0deg, 7%, 95%);
603 603 
 }
604 604
605 605 
 /* TinyMCE */
 
@@ -702,4 +702,21 @@ div#wp-responsive-toggle a:before {
702 702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 703 
   border-bottom-color: #3858e9;
704 704 
   color: #3858e9;
705 
+}
706 
+
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #e7ebfc;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #3858e9;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #1b8362;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #1d2327;
705 722 
 }

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/colors/modern/colors.min.css


+ 5 - 0
app/wp-admin/css/colors/modern/colors.scss
Просмотреть файл 

@@ -1,3 +1,4 @@
1 
+$scheme-name: "modern";
1 2 
 $base-color: #1e1e1e;
2 3 
 $highlight-color: #3858e9;
3 4 
 $menu-submenu-focus-text: #33f078;
 
@@ -6,4 +7,8 @@ $notification-color: $highlight-color;
6 7 
 $link: $highlight-color;
7 8 
 $link-focus: darken($highlight-color, 10%);
8 9
10 
+$dashboard-accent-1: #3858e9;
11 
+$dashboard-accent-2: #1b8362;
12 
+$dashboard-icon-background: #1d2327;
13 
+
9 14 
 @import "../_admin.scss";

+ 17 - 0
app/wp-admin/css/colors/ocean/colors-rtl.css
Просмотреть файл 

@@ -669,4 +669,21 @@ div#wp-responsive-toggle a:before {
669 669 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
670 670 
   border-bottom-color: #9ebaa0;
671 671 
   color: #0073aa;
672 
+}
673 
+
674 
+/* Welcome Panel */
675 
+.welcome-panel {
676 
+  background-color: #f3f7f4;
677 
+}
678 
+
679 
+.welcome-panel-header-image .about-six {
680 
+  fill: #9ebaa0;
681 
+}
682 
+
683 
+.welcome-panel-header-image .about-zero {
684 
+  fill: #738e96;
685 
+}
686 
+
687 
+[class*=welcome-panel-icon] {
688 
+  background-color: #738e96;
672 689 
 }

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/colors/ocean/colors-rtl.min.css


+ 17 - 0
app/wp-admin/css/colors/ocean/colors.css
Просмотреть файл 

@@ -669,4 +669,21 @@ div#wp-responsive-toggle a:before {
669 669 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
670 670 
   border-bottom-color: #9ebaa0;
671 671 
   color: #0073aa;
672 
+}
673 
+
674 
+/* Welcome Panel */
675 
+.welcome-panel {
676 
+  background-color: #f3f7f4;
677 
+}
678 
+
679 
+.welcome-panel-header-image .about-six {
680 
+  fill: #9ebaa0;
681 
+}
682 
+
683 
+.welcome-panel-header-image .about-zero {
684 
+  fill: #738e96;
685 
+}
686 
+
687 
+[class*=welcome-panel-icon] {
688 
+  background-color: #738e96;
672 689 
 }

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/colors/ocean/colors.min.css


+ 1 - 0
app/wp-admin/css/colors/ocean/colors.scss
Просмотреть файл 

@@ -1,3 +1,4 @@
1 
+$scheme-name: "ocean";
1 2 
 $base-color: #738e96;
2 3 
 $icon-color: #f2fcff;
3 4 
 $highlight-color: #9ebaa0;

+ 26 - 9
app/wp-admin/css/colors/sunrise/colors-rtl.css
Просмотреть файл 

@@ -188,7 +188,7 @@ textarea:focus {
188 188 
   color: #ccaf0b;
189 189 
 }
190 190 
 .wp-core-ui .wp-ui-text-icon {
191 
-  color: #f3f1f1;
191 
+  color: hsl(2.1582733813deg, 7%, 95%);
192 192 
 }
193 193
194 194 
 /* List tables */
 
@@ -229,7 +229,7 @@ textarea:focus {
229 229 
 }
230 230
231 231 
 #adminmenu div.wp-menu-image:before {
232 
-  color: #f3f1f1;
232 
+  color: hsl(2.1582733813deg, 7%, 95%);
233 233 
 }
234 234
235 235 
 #adminmenu a:hover,
 
@@ -341,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
341 341
342 342 
 /* Admin Menu: collapse button */
343 343 
 #collapse-button {
344 
-  color: #f3f1f1;
344 
+  color: hsl(2.1582733813deg, 7%, 95%);
345 345 
 }
346 346
347 347 
 #collapse-button:hover,
 
@@ -366,7 +366,7 @@ ul#adminmenu > li.current > a.current:after {
366 366 
 #wpadminbar .ab-icon:before,
367 367 
 #wpadminbar .ab-item:before,
368 368 
 #wpadminbar .ab-item:after {
369 
-  color: #f3f1f1;
369 
+  color: hsl(2.1582733813deg, 7%, 95%);
370 370 
 }
371 371
372 372 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
 
@@ -410,7 +410,7 @@ ul#adminmenu > li.current > a.current:after {
410 410
411 411 
 #wpadminbar .quicklinks li .blavatar,
412 412 
 #wpadminbar .menupop .menupop > .ab-item:before {
413 
-  color: #f3f1f1;
413 
+  color: hsl(2.1582733813deg, 7%, 95%);
414 414 
 }
415 415
416 416 
 #wpadminbar .quicklinks .menupop ul li a:hover,
 
@@ -445,12 +445,12 @@ ul#adminmenu > li.current > a.current:after {
445 445
446 446 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 447 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
-  color: #f3f1f1;
448 
+  color: hsl(2.1582733813deg, 7%, 95%);
449 449 
 }
450 450
451 451 
 /* Admin Bar: search */
452 452 
 #wpadminbar #adminbarsearch:before {
453 
-  color: #f3f1f1;
453 
+  color: hsl(2.1582733813deg, 7%, 95%);
454 454 
 }
455 455
456 456 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
586 586
587 587 
 /* Responsive Component */
588 588 
 div#wp-responsive-toggle a:before {
589 
-  color: #f3f1f1;
589 
+  color: hsl(2.1582733813deg, 7%, 95%);
590 590 
 }
591 591
592 592 
 .wp-responsive-open div#wp-responsive-toggle a {
 
@@ -599,7 +599,7 @@ div#wp-responsive-toggle a:before {
599 599 
 }
600 600
601 601 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
-  color: #f3f1f1;
602 
+  color: hsl(2.1582733813deg, 7%, 95%);
603 603 
 }
604 604
605 605 
 /* TinyMCE */
 
@@ -702,4 +702,21 @@ div#wp-responsive-toggle a:before {
702 702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 703 
   border-bottom-color: #dd823b;
704 704 
   color: #0073aa;
705 
+}
706 
+
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #fbf0e7;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #dd823b;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #cf4944;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #cf4944;
705 722 
 }

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/colors/sunrise/colors-rtl.min.css


+ 26 - 9
app/wp-admin/css/colors/sunrise/colors.css
Просмотреть файл 

@@ -188,7 +188,7 @@ textarea:focus {
188 188 
   color: #ccaf0b;
189 189 
 }
190 190 
 .wp-core-ui .wp-ui-text-icon {
191 
-  color: #f3f1f1;
191 
+  color: hsl(2.1582733813deg, 7%, 95%);
192 192 
 }
193 193
194 194 
 /* List tables */
 
@@ -229,7 +229,7 @@ textarea:focus {
229 229 
 }
230 230
231 231 
 #adminmenu div.wp-menu-image:before {
232 
-  color: #f3f1f1;
232 
+  color: hsl(2.1582733813deg, 7%, 95%);
233 233 
 }
234 234
235 235 
 #adminmenu a:hover,
 
@@ -341,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
341 341
342 342 
 /* Admin Menu: collapse button */
343 343 
 #collapse-button {
344 
-  color: #f3f1f1;
344 
+  color: hsl(2.1582733813deg, 7%, 95%);
345 345 
 }
346 346
347 347 
 #collapse-button:hover,
 
@@ -366,7 +366,7 @@ ul#adminmenu > li.current > a.current:after {
366 366 
 #wpadminbar .ab-icon:before,
367 367 
 #wpadminbar .ab-item:before,
368 368 
 #wpadminbar .ab-item:after {
369 
-  color: #f3f1f1;
369 
+  color: hsl(2.1582733813deg, 7%, 95%);
370 370 
 }
371 371
372 372 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
 
@@ -410,7 +410,7 @@ ul#adminmenu > li.current > a.current:after {
410 410
411 411 
 #wpadminbar .quicklinks li .blavatar,
412 412 
 #wpadminbar .menupop .menupop > .ab-item:before {
413 
-  color: #f3f1f1;
413 
+  color: hsl(2.1582733813deg, 7%, 95%);
414 414 
 }
415 415
416 416 
 #wpadminbar .quicklinks .menupop ul li a:hover,
 
@@ -445,12 +445,12 @@ ul#adminmenu > li.current > a.current:after {
445 445
446 446 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 447 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
-  color: #f3f1f1;
448 
+  color: hsl(2.1582733813deg, 7%, 95%);
449 449 
 }
450 450
451 451 
 /* Admin Bar: search */
452 452 
 #wpadminbar #adminbarsearch:before {
453 
-  color: #f3f1f1;
453 
+  color: hsl(2.1582733813deg, 7%, 95%);
454 454 
 }
455 455
456 456 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
586 586
587 587 
 /* Responsive Component */
588 588 
 div#wp-responsive-toggle a:before {
589 
-  color: #f3f1f1;
589 
+  color: hsl(2.1582733813deg, 7%, 95%);
590 590 
 }
591 591
592 592 
 .wp-responsive-open div#wp-responsive-toggle a {
 
@@ -599,7 +599,7 @@ div#wp-responsive-toggle a:before {
599 599 
 }
600 600
601 601 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
-  color: #f3f1f1;
602 
+  color: hsl(2.1582733813deg, 7%, 95%);
603 603 
 }
604 604
605 605 
 /* TinyMCE */
 
@@ -702,4 +702,21 @@ div#wp-responsive-toggle a:before {
702 702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 703 
   border-bottom-color: #dd823b;
704 704 
   color: #0073aa;
705 
+}
706 
+
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #fbf0e7;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #dd823b;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #cf4944;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #cf4944;
705 722 
 }

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/colors/sunrise/colors.min.css


+ 1 - 0
app/wp-admin/css/colors/sunrise/colors.scss
Просмотреть файл 

@@ -1,3 +1,4 @@
1 
+$scheme-name: "sunrise";
1 2 
 $base-color: #cf4944;
2 3 
 $highlight-color: #dd823b;
3 4 
 $notification-color: #ccaf0b;

+ 22 - 25
app/wp-admin/css/common-rtl.css
Просмотреть файл 

@@ -271,6 +271,7 @@ a:active {
271 271
272 272 
 a:focus,
273 273 
 a:focus .media-icon img,
274 
+a:focus .plugin-icon,
274 275 
 .wp-person a:focus .gravatar {
275 276 
 	color: #043959;
276 277 
 	box-shadow:
 
@@ -418,7 +419,7 @@ code {
418 419
419 420 
 kbd,
420 421 
 code {
421 
-	padding: 3px 5px 2px 5px;
422 
+	padding: 3px 5px 2px;
422 423 
 	margin: 0 1px;
423 424 
 	background: #f0f0f1;
424 425 
 	background: rgba(0, 0, 0, 0.07);
 
@@ -583,7 +584,7 @@ code {
583 584 
 	font-size: 23px;
584 585 
 	font-weight: 400;
585 586 
 	margin: 0;
586 
-	padding: 9px 0 4px 0;
587 
+	padding: 9px 0 4px;
587 588 
 	line-height: 1.3;
588 589 
 }
589 590 
 
@@ -789,7 +790,7 @@ img.emoji {
789 790 
 /* @todo can we combine these into a class or use an existing dashicon one? */
790 791 
 .welcome-panel .welcome-panel-close:before,
791 792 
 .tagchecklist .ntdelbutton .remove-tag-icon:before,
792 
-#bulk-titles div a:before,
793 
+#bulk-titles .ntdelbutton:before,
793 794 
 .notice-dismiss:before {
794 795 
 	background: none;
795 796 
 	color: #787c82;
 
@@ -808,10 +809,6 @@ img.emoji {
808 809 
 	margin: 0;
809 810 
 }
810 811
811 
-#bulk-titles div a:before {
812 
-	margin: 1px 0;
813 
-}
814 
-
815 812 
 .tagchecklist .ntdelbutton .remove-tag-icon:before {
816 813 
 	margin-right: 2px;
817 814 
 	border-radius: 50%;
 
@@ -824,12 +821,10 @@ img.emoji {
824 821 
 	outline: 0;
825 822 
 }
826 823
827 
-.welcome-panel .welcome-panel-close:hover:before,
828 
-.welcome-panel .welcome-panel-close:focus:before,
829 824 
 .tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
830 825 
 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
831 
-#bulk-titles div a:hover:before,
832 
-#bulk-titles div a:focus:before {
826 
+#bulk-titles .ntdelbutton:hover:before,
827 
+#bulk-titles .ntdelbutton:focus:before {
833 828 
 	color: #d63638;
834 829 
 }
835 830 
 
@@ -884,7 +879,8 @@ hr {
884 879 
 #media-items a.delete-permanently,
885 880 
 #nav-menu-footer .menu-delete,
886 881 
 #delete-link a.delete,
887 
-a#remove-post-thumbnail {
882 
+a#remove-post-thumbnail,
883 
+.privacy_requests .remove-personal-data .remove-personal-data-handle {
888 884 
 	color: #b32d2e;
889 885 
 }
890 886 
 
@@ -902,7 +898,8 @@ span.required,
902 898 
 #media-items a.delete-permanently:hover,
903 899 
 #nav-menu-footer .menu-delete:hover,
904 900 
 #delete-link a.delete:hover,
905 
-a#remove-post-thumbnail:hover {
901 
+a#remove-post-thumbnail:hover,
902 
+.privacy_requests .remove-personal-data .remove-personal-data-handle:hover {
906 903 
 	color: #b32d2e;
907 904 
 	border: none;
908 905 
 }
 
@@ -958,7 +955,7 @@ a#remove-post-thumbnail:hover {
958 955 
 }
959 956
960 957 
 #minor-publishing-actions {
961 
-	padding: 10px 10px 0 10px;
958 
+	padding: 10px 10px 0;
962 959 
 	text-align: left;
963 960 
 }
964 961 
 
@@ -1233,7 +1230,7 @@ th.action-links {
1233 1230
1234 1231 
 .filter-group .filter-group-feature label {
1235 1232 
 	display: block;
1236 
-	margin: 14px 23px 14px 0px;
1233 
+	margin: 14px 23px 14px 0;
1237 1234 
 }
1238 1235
1239 1236 
 .filter-drawer .buttons {
 
@@ -1610,7 +1607,7 @@ form.upgrade {
1610 1607 
 form.upgrade .hint {
1611 1608 
 	font-style: italic;
1612 1609 
 	font-size: 85%;
1613 
-	margin: -0.5em 0 2em 0;
1610 
+	margin: -0.5em 0 2em;
1614 1611 
 }
1615 1612
1616 1613 
 .update-php .spinner {
 
@@ -1708,7 +1705,7 @@ p.auto-update-status {
1708 1705 
 /* screen options and help tabs revert */
1709 1706 
 #screen-meta {
1710 1707 
 	display: none;
1711 
-	margin: 0 0px -1px 20px;
1708 
+	margin: 0 0 -1px 20px;
1712 1709 
 	position: relative;
1713 1710 
 	background-color: #fff;
1714 1711 
 	border: 1px solid #c3c4c7;
 
@@ -1838,6 +1835,7 @@ p.auto-update-status {
1838 1835
1839 1836 
 .metabox-prefs .screen-options .screen-per-page {
1840 1837 
 	margin-left: 15px;
1838 
+	padding-left: 0;
1841 1839 
 }
1842 1840
1843 1841 
 .metabox-prefs .screen-options label {
 
@@ -3144,7 +3142,7 @@ img {
3144 3142 
 	width: 300px;
3145 3143 
 }
3146 3144
3147 
-/* Theme/Plugin Editor */
3145 
+/* Theme/Plugin file editor */
3148 3146 
 .alignleft h2 {
3149 3147 
 	margin: 0;
3150 3148 
 }
 
@@ -3153,7 +3151,6 @@ img {
3153 3151 
 	font-family: Consolas, Monaco, monospace;
3154 3152 
 	font-size: 13px;
3155 3153 
 	background: #f6f7f7;
3156 
-	-moz-tab-size: 4;
3157 3154 
 	-o-tab-size: 4;
3158 3155 
 	tab-size: 4;
3159 3156 
 }
 
@@ -3197,7 +3194,7 @@ img {
3197 3194 
 }
3198 3195
3199 3196 
 /*
3200 
- * Styles for Theme and Plugin editors.
3197 
+ * Styles for Theme and Plugin file editors.
3201 3198 
  */
3202 3199
3203 3200 
 /* Hide collapsed items. */
 
@@ -3286,7 +3283,7 @@ img {
3286 3283 
 .tree-folder > .current-file::before {
3287 3284 
 	right: 4px;
3288 3285 
 	height: 15px;
3289 
-	width: 0px;
3286 
+	width: 0;
3290 3287 
 	border-right: none;
3291 3288 
 	top: 3px;
3292 3289 
 }
 
@@ -3381,7 +3378,7 @@ img {
3381 3378 
 }
3382 3379
3383 3380 
 #templateside li.howto {
3384 
-	padding: 6px 12px 12px 12px;
3381 
+	padding: 6px 12px 12px;
3385 3382 
 }
3386 3383
3387 3384 
 .theme-editor-php .highlight {
 
@@ -3433,7 +3430,7 @@ img {
3433 3430 
 }
3434 3431
3435 3432 
 .widget-top .widget-action .toggle-indicator:before {
3436 
-	padding: 1px 0px 1px 2px;
3433 
+	padding: 1px 0 1px 2px;
3437 3434 
 	border-radius: 50%;
3438 3435 
 }
3439 3436 
 
@@ -3828,7 +3825,7 @@ img {
3828 3825 
 	.wrap div.updated,
3829 3826 
 	.wrap div.error,
3830 3827 
 	.media-upload-form div.error {
3831 
-		margin: 20px 0 10px 0;
3828 
+		margin: 20px 0 10px;
3832 3829 
 		padding: 5px 10px;
3833 3830 
 		font-size: 14px;
3834 3831 
 		line-height: 175%;
 
@@ -3938,7 +3935,7 @@ img {
3938 3935 
 		right: -8px;
3939 3936 
 	}
3940 3937 
 	.tree-folder > li::before {
3941 
-		top: 0px;
3938 
+		top: 0;
3942 3939 
 		height: 13px;
3943 3940 
 	}
3944 3941 
 	.tree-folder > .current-file::before {

Разница между файлами не показана из-за своего большого размера
+ 2 - 2
app/wp-admin/css/common-rtl.min.css


+ 22 - 25
app/wp-admin/css/common.css
Просмотреть файл 

@@ -270,6 +270,7 @@ a:active {
270 270
271 271 
 a:focus,
272 272 
 a:focus .media-icon img,
273 
+a:focus .plugin-icon,
273 274 
 .wp-person a:focus .gravatar {
274 275 
 	color: #043959;
275 276 
 	box-shadow:
 
@@ -417,7 +418,7 @@ code {
417 418
418 419 
 kbd,
419 420 
 code {
420 
-	padding: 3px 5px 2px 5px;
421 
+	padding: 3px 5px 2px;
421 422 
 	margin: 0 1px;
422 423 
 	background: #f0f0f1;
423 424 
 	background: rgba(0, 0, 0, 0.07);
 
@@ -582,7 +583,7 @@ code {
582 583 
 	font-size: 23px;
583 584 
 	font-weight: 400;
584 585 
 	margin: 0;
585 
-	padding: 9px 0 4px 0;
586 
+	padding: 9px 0 4px;
586 587 
 	line-height: 1.3;
587 588 
 }
588 589 
 
@@ -788,7 +789,7 @@ img.emoji {
788 789 
 /* @todo can we combine these into a class or use an existing dashicon one? */
789 790 
 .welcome-panel .welcome-panel-close:before,
790 791 
 .tagchecklist .ntdelbutton .remove-tag-icon:before,
791 
-#bulk-titles div a:before,
792 
+#bulk-titles .ntdelbutton:before,
792 793 
 .notice-dismiss:before {
793 794 
 	background: none;
794 795 
 	color: #787c82;
 
@@ -807,10 +808,6 @@ img.emoji {
807 808 
 	margin: 0;
808 809 
 }
809 810
810 
-#bulk-titles div a:before {
811 
-	margin: 1px 0;
812 
-}
813 
-
814 811 
 .tagchecklist .ntdelbutton .remove-tag-icon:before {
815 812 
 	margin-left: 2px;
816 813 
 	border-radius: 50%;
 
@@ -823,12 +820,10 @@ img.emoji {
823 820 
 	outline: 0;
824 821 
 }
825 822
826 
-.welcome-panel .welcome-panel-close:hover:before,
827 
-.welcome-panel .welcome-panel-close:focus:before,
828 823 
 .tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
829 824 
 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
830 
-#bulk-titles div a:hover:before,
831 
-#bulk-titles div a:focus:before {
825 
+#bulk-titles .ntdelbutton:hover:before,
826 
+#bulk-titles .ntdelbutton:focus:before {
832 827 
 	color: #d63638;
833 828 
 }
834 829 
 
@@ -883,7 +878,8 @@ hr {
883 878 
 #media-items a.delete-permanently,
884 879 
 #nav-menu-footer .menu-delete,
885 880 
 #delete-link a.delete,
886 
-a#remove-post-thumbnail {
881 
+a#remove-post-thumbnail,
882 
+.privacy_requests .remove-personal-data .remove-personal-data-handle {
887 883 
 	color: #b32d2e;
888 884 
 }
889 885 
 
@@ -901,7 +897,8 @@ span.required,
901 897 
 #media-items a.delete-permanently:hover,
902 898 
 #nav-menu-footer .menu-delete:hover,
903 899 
 #delete-link a.delete:hover,
904 
-a#remove-post-thumbnail:hover {
900 
+a#remove-post-thumbnail:hover,
901 
+.privacy_requests .remove-personal-data .remove-personal-data-handle:hover {
905 902 
 	color: #b32d2e;
906 903 
 	border: none;
907 904 
 }
 
@@ -957,7 +954,7 @@ a#remove-post-thumbnail:hover {
957 954 
 }
958 955
959 956 
 #minor-publishing-actions {
960 
-	padding: 10px 10px 0 10px;
957 
+	padding: 10px 10px 0;
961 958 
 	text-align: right;
962 959 
 }
963 960 
 
@@ -1232,7 +1229,7 @@ th.action-links {
1232 1229
1233 1230 
 .filter-group .filter-group-feature label {
1234 1231 
 	display: block;
1235 
-	margin: 14px 0px 14px 23px;
1232 
+	margin: 14px 0 14px 23px;
1236 1233 
 }
1237 1234
1238 1235 
 .filter-drawer .buttons {
 
@@ -1609,7 +1606,7 @@ form.upgrade {
1609 1606 
 form.upgrade .hint {
1610 1607 
 	font-style: italic;
1611 1608 
 	font-size: 85%;
1612 
-	margin: -0.5em 0 2em 0;
1609 
+	margin: -0.5em 0 2em;
1613 1610 
 }
1614 1611
1615 1612 
 .update-php .spinner {
 
@@ -1707,7 +1704,7 @@ p.auto-update-status {
1707 1704 
 /* screen options and help tabs revert */
1708 1705 
 #screen-meta {
1709 1706 
 	display: none;
1710 
-	margin: 0 20px -1px 0px;
1707 
+	margin: 0 20px -1px 0;
1711 1708 
 	position: relative;
1712 1709 
 	background-color: #fff;
1713 1710 
 	border: 1px solid #c3c4c7;
 
@@ -1837,6 +1834,7 @@ p.auto-update-status {
1837 1834
1838 1835 
 .metabox-prefs .screen-options .screen-per-page {
1839 1836 
 	margin-right: 15px;
1837 
+	padding-right: 0;
1840 1838 
 }
1841 1839
1842 1840 
 .metabox-prefs .screen-options label {
 
@@ -3143,7 +3141,7 @@ img {
3143 3141 
 	width: 300px;
3144 3142 
 }
3145 3143
3146 
-/* Theme/Plugin Editor */
3144 
+/* Theme/Plugin file editor */
3147 3145 
 .alignleft h2 {
3148 3146 
 	margin: 0;
3149 3147 
 }
 
@@ -3152,7 +3150,6 @@ img {
3152 3150 
 	font-family: Consolas, Monaco, monospace;
3153 3151 
 	font-size: 13px;
3154 3152 
 	background: #f6f7f7;
3155 
-	-moz-tab-size: 4;
3156 3153 
 	-o-tab-size: 4;
3157 3154 
 	tab-size: 4;
3158 3155 
 }
 
@@ -3196,7 +3193,7 @@ img {
3196 3193 
 }
3197 3194
3198 3195 
 /*
3199 
- * Styles for Theme and Plugin editors.
3196 
+ * Styles for Theme and Plugin file editors.
3200 3197 
  */
3201 3198
3202 3199 
 /* Hide collapsed items. */
 
@@ -3285,7 +3282,7 @@ img {
3285 3282 
 .tree-folder > .current-file::before {
3286 3283 
 	left: 4px;
3287 3284 
 	height: 15px;
3288 
-	width: 0px;
3285 
+	width: 0;
3289 3286 
 	border-left: none;
3290 3287 
 	top: 3px;
3291 3288 
 }
 
@@ -3380,7 +3377,7 @@ img {
3380 3377 
 }
3381 3378
3382 3379 
 #templateside li.howto {
3383 
-	padding: 6px 12px 12px 12px;
3380 
+	padding: 6px 12px 12px;
3384 3381 
 }
3385 3382
3386 3383 
 .theme-editor-php .highlight {
 
@@ -3432,7 +3429,7 @@ img {
3432 3429 
 }
3433 3430
3434 3431 
 .widget-top .widget-action .toggle-indicator:before {
3435 
-	padding: 1px 2px 1px 0px;
3432 
+	padding: 1px 2px 1px 0;
3436 3433 
 	border-radius: 50%;
3437 3434 
 }
3438 3435 
 
@@ -3827,7 +3824,7 @@ img {
3827 3824 
 	.wrap div.updated,
3828 3825 
 	.wrap div.error,
3829 3826 
 	.media-upload-form div.error {
3830 
-		margin: 20px 0 10px 0;
3827 
+		margin: 20px 0 10px;
3831 3828 
 		padding: 5px 10px;
3832 3829 
 		font-size: 14px;
3833 3830 
 		line-height: 175%;
 
@@ -3937,7 +3934,7 @@ img {
3937 3934 
 		left: -8px;
3938 3935 
 	}
3939 3936 
 	.tree-folder > li::before {
3940 
-		top: 0px;
3937 
+		top: 0;
3941 3938 
 		height: 13px;
3942 3939 
 	}
3943 3940 
 	.tree-folder > .current-file::before {

Разница между файлами не показана из-за своего большого размера
+ 2 - 2
app/wp-admin/css/common.min.css


+ 54 - 15
app/wp-admin/css/customize-controls-rtl.css
Просмотреть файл 

@@ -106,6 +106,12 @@ body:not(.ready) #customize-save-button-wrapper .save {
106 106 
 	height: 100%;
107 107 
 }
108 108
109 
+@media (prefers-reduced-motion: reduce) {
110 
+	#customize-sidebar-outer-content {
111 
+		transition: none;
112 
+	}
113 
+}
114 
+
109 115 
 #customize-theme-controls .control-section-outer {
110 116 
 	display: none !important;
111 117 
 }
 
@@ -124,6 +130,12 @@ body:not(.ready) #customize-save-button-wrapper .save {
124 130 
 	transition: right .18s;
125 131 
 }
126 132
133 
+@media (prefers-reduced-motion: reduce) {
134 
+	.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
135 
+		transition: none;
136 
+	}
137 
+}
138 
+
127 139 
 .customize-outer-pane-parent {
128 140 
 	margin: 0;
129 141 
 }
 
@@ -538,6 +550,13 @@ body.trashing #publish-settings {
538 550 
 		.15s border-color ease-in-out;
539 551 
 }
540 552
553 
+@media (prefers-reduced-motion: reduce) {
554 
+	#customize-theme-controls .accordion-section-title,
555 
+	#customize-outer-theme-controls .accordion-section-title {
556 
+		transition: none;
557 
+	}
558 
+}
559 
+
541 560 
 #customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title {
542 561 
 	color: #50575e;
543 562 
 	background-color: #fff;
 
@@ -636,6 +655,14 @@ body.trashing #publish-settings {
636 655 
 	transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */
637 656 
 }
638 657
658 
+@media (prefers-reduced-motion: reduce) {
659 
+	#customize-info,
660 
+	#customize-theme-controls .customize-pane-parent,
661 
+	#customize-theme-controls .customize-pane-child {
662 
+		transition: none;
663 
+	}
664 
+}
665 
+
639 666 
 #customize-theme-controls .customize-pane-child.skip-transition {
640 667 
 	transition: none;
641 668 
 }
 
@@ -717,7 +744,7 @@ body.trashing #publish-settings {
717 744 
 }
718 745
719 746 
 .customize-section-title {
720 
-	margin: -12px -12px 0 -12px;
747 
+	margin: -12px -12px 0;
721 748 
 	border-bottom: 1px solid #dcdcde;
722 749 
 	background: #fff;
723 750 
 }
 
@@ -740,11 +767,11 @@ div.customize-section-description p:last-child {
740 767
741 768 
 #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
742 769 
 	border-bottom: 1px solid #dcdcde;
743 
-	padding: 12px 12px 12px 12px;
770 
+	padding: 12px;
744 771 
 }
745 772
746 773 
 .ios #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
747 
-	padding: 12px 12px 13px 12px;
774 
+	padding: 12px 12px 13px;
748 775 
 }
749 776
750 777 
 .customize-section-title h3,
 
@@ -923,7 +950,8 @@ p.customize-section-description {
923 950 
 .customize-control input[type="number"],
924 951 
 .customize-control input[type="search"],
925 952 
 .customize-control input[type="tel"],
926 
-.customize-control input[type="url"] {
953 
+.customize-control input[type="url"],
954 
+.customize-control input[type="range"] {
927 955 
 	width: 100%;
928 956 
 	margin: 0;
929 957 
 }
 
@@ -963,7 +991,7 @@ p.customize-section-description {
963 991
964 992 
 .customize-section-description a.external-link:after {
965 993 
 	font: 16px/11px dashicons;
966 
-	content: "\f310";
994 
+	content: "\f504";
967 995 
 	top: 3px;
968 996 
 	position: relative;
969 997 
 	padding-right: 3px;
 
@@ -1114,7 +1142,7 @@ p.customize-section-description {
1114 1142 
  */
1115 1143
1116 1144 
 #customize-controls .customize-control-notifications-container { /* Scoped to #customize-controls for specificity over notification styles in common.css. */
1117 
-	margin: 4px 0 8px 0;
1145 
+	margin: 4px 0 8px;
1118 1146 
 	padding: 0;
1119 1147 
 	cursor: default;
1120 1148 
 }
 
@@ -1127,7 +1155,7 @@ p.customize-section-description {
1127 1155
1128 1156 
 #customize-controls .customize-control-notifications-container li.notice {
1129 1157 
 	list-style: none;
1130 
-	margin: 0 0 6px 0;
1158 
+	margin: 0 0 6px;
1131 1159 
 	padding: 9px 14px;
1132 1160 
 	overflow: hidden;
1133 1161 
 }
 
@@ -1429,7 +1457,7 @@ p.customize-section-description {
1429 1457 
 }
1430 1458
1431 1459 
 .customize-control-header .header-view:last-child {
1432 
-	margin-bottom: 0px;
1460 
+	margin-bottom: 0;
1433 1461 
 }
1434 1462
1435 1463 
 /* Convoluted, but 'outline' support isn't good enough yet */
 
@@ -1578,7 +1606,6 @@ p.customize-section-description {
1578 1606 
 	font-family: Consolas, Monaco, monospace;
1579 1607 
 	font-size: 12px;
1580 1608 
 	padding: 6px 8px;
1581 
-	-moz-tab-size: 2;
1582 1609 
 	-o-tab-size: 2;
1583 1610 
 	tab-size: 2;
1584 1611 
 }
 
@@ -1665,7 +1692,7 @@ p.customize-section-description {
1665 1692 
 	border-bottom: 1px solid #dcdcde;
1666 1693 
 	border-right: none;
1667 1694 
 	border-left: none;
1668 
-	margin: 0 0 15px 0;
1695 
+	margin: 0 0 15px;
1669 1696 
 	padding-left: 100px; /* Space for the button */
1670 1697 
 }
1671 1698 
 
@@ -1706,6 +1733,12 @@ p.customize-section-description {
1706 1733 
 	font-weight: 400;
1707 1734 
 }
1708 1735
1736 
+#customize-notifications-area .notification-message button.switch-to-editor {
1737 
+	display: block;
1738 
+	margin-top: 6px;
1739 
+	font-weight: 400;
1740 
+}
1741 
+
1709 1742 
 #customize-theme-controls .control-panel-themes > .accordion-section-title:after {
1710 1743 
 	display: none;
1711 1744 
 }
 
@@ -1724,6 +1757,12 @@ p.customize-section-description {
1724 1757 
 	z-index: 20;
1725 1758 
 }
1726 1759
1760 
+@media (prefers-reduced-motion: reduce) {
1761 
+	.control-panel-themes .customize-themes-full-container {
1762 
+		transition: none;
1763 
+	}
1764 
+}
1765 
+
1727 1766 
 @media screen and (min-width: 1670px) {
1728 1767 
 	.control-panel-themes .customize-themes-full-container {
1729 1768 
 		width: 82%;
 
@@ -1861,7 +1900,7 @@ p.customize-section-description {
1861 1900 
 }
1862 1901
1863 1902 
 .control-panel-themes .customize-themes-notifications .notice {
1864 
-	margin: 0 0 25px 0;
1903 
+	margin: 0 0 25px;
1865 1904 
 }
1866 1905
1867 1906 
 .customize-themes-full-container .customize-themes-section {
 
@@ -1875,7 +1914,7 @@ p.customize-section-description {
1875 1914
1876 1915 
 .control-section .customize-section-text-before {
1877 1916 
 	padding: 0 15px 8px 0;
1878 
-	margin: 15px 0 0 0;
1917 
+	margin: 15px 0 0;
1879 1918 
 	line-height: 16px;
1880 1919 
 	border-bottom: 1px solid #dcdcde;
1881 1920 
 	color: #50575e;
 
@@ -2096,7 +2135,7 @@ p.customize-section-description {
2096 2135 
 		position: relative;
2097 2136 
 		right: 0;
2098 2137 
 		width: 100%;
2099 
-		margin: 0 0 25px 0;
2138 
+		margin: 0 0 25px;
2100 2139 
 	}
2101 2140 
 	.filter-drawer {
2102 2141 
 		top: 46px;
 
@@ -2206,7 +2245,7 @@ p.customize-section-description {
2206 2245 
 		width: 26px;
2207 2246 
 		display: block;
2208 2247 
 		line-height: 2.3;
2209 
-		padding: 0 8px 0 8px;
2248 
+		padding: 0 8px;
2210 2249 
 		border-left: 1px solid #dcdcde;
2211 2250 
 	}
2212 2251 
 
@@ -2367,7 +2406,7 @@ body.cheatin h1 {
2367 2406 
 	color: #50575e;
2368 2407 
 	font-size: 24px;
2369 2408 
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2370 
-	margin: 30px 0 0 0;
2409 
+	margin: 30px 0 0;
2371 2410 
 	padding: 0 0 7px;
2372 2411 
 }
2373 2412

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/customize-controls-rtl.min.css


+ 54 - 15
app/wp-admin/css/customize-controls.css
Просмотреть файл 

@@ -105,6 +105,12 @@ body:not(.ready) #customize-save-button-wrapper .save {
105 105 
 	height: 100%;
106 106 
 }
107 107
108 
+@media (prefers-reduced-motion: reduce) {
109 
+	#customize-sidebar-outer-content {
110 
+		transition: none;
111 
+	}
112 
+}
113 
+
108 114 
 #customize-theme-controls .control-section-outer {
109 115 
 	display: none !important;
110 116 
 }
 
@@ -123,6 +129,12 @@ body:not(.ready) #customize-save-button-wrapper .save {
123 129 
 	transition: left .18s;
124 130 
 }
125 131
132 
+@media (prefers-reduced-motion: reduce) {
133 
+	.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
134 
+		transition: none;
135 
+	}
136 
+}
137 
+
126 138 
 .customize-outer-pane-parent {
127 139 
 	margin: 0;
128 140 
 }
 
@@ -537,6 +549,13 @@ body.trashing #publish-settings {
537 549 
 		.15s border-color ease-in-out;
538 550 
 }
539 551
552 
+@media (prefers-reduced-motion: reduce) {
553 
+	#customize-theme-controls .accordion-section-title,
554 
+	#customize-outer-theme-controls .accordion-section-title {
555 
+		transition: none;
556 
+	}
557 
+}
558 
+
540 559 
 #customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title {
541 560 
 	color: #50575e;
542 561 
 	background-color: #fff;
 
@@ -635,6 +654,14 @@ body.trashing #publish-settings {
635 654 
 	transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */
636 655 
 }
637 656
657 
+@media (prefers-reduced-motion: reduce) {
658 
+	#customize-info,
659 
+	#customize-theme-controls .customize-pane-parent,
660 
+	#customize-theme-controls .customize-pane-child {
661 
+		transition: none;
662 
+	}
663 
+}
664 
+
638 665 
 #customize-theme-controls .customize-pane-child.skip-transition {
639 666 
 	transition: none;
640 667 
 }
 
@@ -716,7 +743,7 @@ body.trashing #publish-settings {
716 743 
 }
717 744
718 745 
 .customize-section-title {
719 
-	margin: -12px -12px 0 -12px;
746 
+	margin: -12px -12px 0;
720 747 
 	border-bottom: 1px solid #dcdcde;
721 748 
 	background: #fff;
722 749 
 }
 
@@ -739,11 +766,11 @@ div.customize-section-description p:last-child {
739 766
740 767 
 #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
741 768 
 	border-bottom: 1px solid #dcdcde;
742 
-	padding: 12px 12px 12px 12px;
769 
+	padding: 12px;
743 770 
 }
744 771
745 772 
 .ios #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
746 
-	padding: 12px 12px 13px 12px;
773 
+	padding: 12px 12px 13px;
747 774 
 }
748 775
749 776 
 .customize-section-title h3,
 
@@ -922,7 +949,8 @@ p.customize-section-description {
922 949 
 .customize-control input[type="number"],
923 950 
 .customize-control input[type="search"],
924 951 
 .customize-control input[type="tel"],
925 
-.customize-control input[type="url"] {
952 
+.customize-control input[type="url"],
953 
+.customize-control input[type="range"] {
926 954 
 	width: 100%;
927 955 
 	margin: 0;
928 956 
 }
 
@@ -962,7 +990,7 @@ p.customize-section-description {
962 990
963 991 
 .customize-section-description a.external-link:after {
964 992 
 	font: 16px/11px dashicons;
965 
-	content: "\f310";
993 
+	content: "\f504";
966 994 
 	top: 3px;
967 995 
 	position: relative;
968 996 
 	padding-left: 3px;
 
@@ -1113,7 +1141,7 @@ p.customize-section-description {
1113 1141 
  */
1114 1142
1115 1143 
 #customize-controls .customize-control-notifications-container { /* Scoped to #customize-controls for specificity over notification styles in common.css. */
1116 
-	margin: 4px 0 8px 0;
1144 
+	margin: 4px 0 8px;
1117 1145 
 	padding: 0;
1118 1146 
 	cursor: default;
1119 1147 
 }
 
@@ -1126,7 +1154,7 @@ p.customize-section-description {
1126 1154
1127 1155 
 #customize-controls .customize-control-notifications-container li.notice {
1128 1156 
 	list-style: none;
1129 
-	margin: 0 0 6px 0;
1157 
+	margin: 0 0 6px;
1130 1158 
 	padding: 9px 14px;
1131 1159 
 	overflow: hidden;
1132 1160 
 }
 
@@ -1428,7 +1456,7 @@ p.customize-section-description {
1428 1456 
 }
1429 1457
1430 1458 
 .customize-control-header .header-view:last-child {
1431 
-	margin-bottom: 0px;
1459 
+	margin-bottom: 0;
1432 1460 
 }
1433 1461
1434 1462 
 /* Convoluted, but 'outline' support isn't good enough yet */
 
@@ -1577,7 +1605,6 @@ p.customize-section-description {
1577 1605 
 	font-family: Consolas, Monaco, monospace;
1578 1606 
 	font-size: 12px;
1579 1607 
 	padding: 6px 8px;
1580 
-	-moz-tab-size: 2;
1581 1608 
 	-o-tab-size: 2;
1582 1609 
 	tab-size: 2;
1583 1610 
 }
 
@@ -1664,7 +1691,7 @@ p.customize-section-description {
1664 1691 
 	border-bottom: 1px solid #dcdcde;
1665 1692 
 	border-left: none;
1666 1693 
 	border-right: none;
1667 
-	margin: 0 0 15px 0;
1694 
+	margin: 0 0 15px;
1668 1695 
 	padding-right: 100px; /* Space for the button */
1669 1696 
 }
1670 1697 
 
@@ -1705,6 +1732,12 @@ p.customize-section-description {
1705 1732 
 	font-weight: 400;
1706 1733 
 }
1707 1734
1735 
+#customize-notifications-area .notification-message button.switch-to-editor {
1736 
+	display: block;
1737 
+	margin-top: 6px;
1738 
+	font-weight: 400;
1739 
+}
1740 
+
1708 1741 
 #customize-theme-controls .control-panel-themes > .accordion-section-title:after {
1709 1742 
 	display: none;
1710 1743 
 }
 
@@ -1723,6 +1756,12 @@ p.customize-section-description {
1723 1756 
 	z-index: 20;
1724 1757 
 }
1725 1758
1759 
+@media (prefers-reduced-motion: reduce) {
1760 
+	.control-panel-themes .customize-themes-full-container {
1761 
+		transition: none;
1762 
+	}
1763 
+}
1764 
+
1726 1765 
 @media screen and (min-width: 1670px) {
1727 1766 
 	.control-panel-themes .customize-themes-full-container {
1728 1767 
 		width: 82%;
 
@@ -1860,7 +1899,7 @@ p.customize-section-description {
1860 1899 
 }
1861 1900
1862 1901 
 .control-panel-themes .customize-themes-notifications .notice {
1863 
-	margin: 0 0 25px 0;
1902 
+	margin: 0 0 25px;
1864 1903 
 }
1865 1904
1866 1905 
 .customize-themes-full-container .customize-themes-section {
 
@@ -1874,7 +1913,7 @@ p.customize-section-description {
1874 1913
1875 1914 
 .control-section .customize-section-text-before {
1876 1915 
 	padding: 0 0 8px 15px;
1877 
-	margin: 15px 0 0 0;
1916 
+	margin: 15px 0 0;
1878 1917 
 	line-height: 16px;
1879 1918 
 	border-bottom: 1px solid #dcdcde;
1880 1919 
 	color: #50575e;
 
@@ -2095,7 +2134,7 @@ p.customize-section-description {
2095 2134 
 		position: relative;
2096 2135 
 		left: 0;
2097 2136 
 		width: 100%;
2098 
-		margin: 0 0 25px 0;
2137 
+		margin: 0 0 25px;
2099 2138 
 	}
2100 2139 
 	.filter-drawer {
2101 2140 
 		top: 46px;
 
@@ -2205,7 +2244,7 @@ p.customize-section-description {
2205 2244 
 		width: 26px;
2206 2245 
 		display: block;
2207 2246 
 		line-height: 2.3;
2208 
-		padding: 0 8px 0 8px;
2247 
+		padding: 0 8px;
2209 2248 
 		border-right: 1px solid #dcdcde;
2210 2249 
 	}
2211 2250 
 
@@ -2366,7 +2405,7 @@ body.cheatin h1 {
2366 2405 
 	color: #50575e;
2367 2406 
 	font-size: 24px;
2368 2407 
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2369 
-	margin: 30px 0 0 0;
2408 
+	margin: 30px 0 0;
2370 2409 
 	padding: 0 0 7px;
2371 2410 
 }
2372 2411

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/customize-controls.min.css


+ 10 - 10
app/wp-admin/css/customize-nav-menus-rtl.css
Просмотреть файл 

@@ -12,7 +12,7 @@
12 12 
 #customize-theme-controls .customize-section-title-nav_menus-heading,
13 13 
 #customize-theme-controls .customize-section-title-menu_locations-heading,
14 14 
 #customize-theme-controls .customize-section-title-menu_locations-description {
15 
-	padding: 0 12px 0 12px;
15 
+	padding: 0 12px;
16 16 
 }
17 17
18 18 
 #customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
 
@@ -101,7 +101,7 @@
101 101 
 .wp-customizer .menu-item-settings .description-thin {
102 102 
 	width: 100%;
103 103 
 	height: auto;
104 
-	margin: 0 0 8px 0;
104 
+	margin: 0 0 8px;
105 105 
 }
106 106
107 107 
 .wp-customizer .menu-item-settings input[type="text"] {
 
@@ -186,7 +186,7 @@
186 186 
 }
187 187
188 188 
 .wp-customizer .menu-settings dl {
189 
-	margin: 12px 0 0 0;
189 
+	margin: 12px 0 0;
190 190 
 	padding: 0;
191 191 
 }
192 192 
 
@@ -323,7 +323,7 @@
323 323 
 #available-menu-items .accordion-section-title .toggle-indicator:before {
324 324 
 	content: "\f140";
325 325 
 	display: block;
326 
-	padding: 1px 0px 1px 2px;
326 
+	padding: 1px 0 1px 2px;
327 327 
 	speak: never;
328 328 
 	border-radius: 50%;
329 329 
 	color: #787c82;
 
@@ -582,8 +582,8 @@
582 582 
 }
583 583
584 584 
 #available-menu-items .accordion-section-content .available-menu-items-list {
585 
-	margin: 0 0 45px 0;
586 
-	padding: 1px 15px 15px 15px;
585 
+	margin: 0 0 45px;
586 
+	padding: 1px 15px 15px;
587 587 
 }
588 588
589 589 
 #available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
 
@@ -591,7 +591,7 @@
591 591 
 }
592 592
593 593 
 #new-custom-menu-item .accordion-section-content {
594 
-	padding: 0 15px 15px 15px;
594 
+	padding: 0 15px 15px;
595 595 
 }
596 596
597 597 
 #available-menu-items .menu-item-tpl {
 
@@ -691,7 +691,7 @@
691 691 
 	position: absolute;
692 692 
 	right: 0;
693 693 
 	top: 60px; /* below title div / search input */
694 
-	bottom: 0px; /* 100% height that still triggers lazy load */
694 
+	bottom: 0; /* 100% height that still triggers lazy load */
695 695 
 	max-height: none;
696 696 
 	width: 100%;
697 697 
 	padding: 1px 15px 15px;
 
@@ -796,7 +796,7 @@ body.adding-menu-items #customize-preview iframe {
796 796
797 797 
 #create-new-menu-submit {
798 798 
 	float: left;
799 
-	margin: 0 0 12px 0;
799 
+	margin: 0 0 12px;
800 800 
 }
801 801
802 802 
 .menu-delete-item {
 
@@ -806,7 +806,7 @@ body.adding-menu-items #customize-preview iframe {
806 806 
 }
807 807
808 808 
 .assigned-menu-locations-title p {
809 
-	margin: 0 0 8px 0;
809 
+	margin: 0 0 8px;
810 810 
 }
811 811
812 812 
 li.assigned-to-menu-location .menu-delete-item {

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/customize-nav-menus-rtl.min.css


+ 10 - 10
app/wp-admin/css/customize-nav-menus.css
Просмотреть файл 

@@ -11,7 +11,7 @@
11 11 
 #customize-theme-controls .customize-section-title-nav_menus-heading,
12 12 
 #customize-theme-controls .customize-section-title-menu_locations-heading,
13 13 
 #customize-theme-controls .customize-section-title-menu_locations-description {
14 
-	padding: 0 12px 0 12px;
14 
+	padding: 0 12px;
15 15 
 }
16 16
17 17 
 #customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
 
@@ -100,7 +100,7 @@
100 100 
 .wp-customizer .menu-item-settings .description-thin {
101 101 
 	width: 100%;
102 102 
 	height: auto;
103 
-	margin: 0 0 8px 0;
103 
+	margin: 0 0 8px;
104 104 
 }
105 105
106 106 
 .wp-customizer .menu-item-settings input[type="text"] {
 
@@ -185,7 +185,7 @@
185 185 
 }
186 186
187 187 
 .wp-customizer .menu-settings dl {
188 
-	margin: 12px 0 0 0;
188 
+	margin: 12px 0 0;
189 189 
 	padding: 0;
190 190 
 }
191 191 
 
@@ -322,7 +322,7 @@
322 322 
 #available-menu-items .accordion-section-title .toggle-indicator:before {
323 323 
 	content: "\f140";
324 324 
 	display: block;
325 
-	padding: 1px 2px 1px 0px;
325 
+	padding: 1px 2px 1px 0;
326 326 
 	speak: never;
327 327 
 	border-radius: 50%;
328 328 
 	color: #787c82;
 
@@ -581,8 +581,8 @@
581 581 
 }
582 582
583 583 
 #available-menu-items .accordion-section-content .available-menu-items-list {
584 
-	margin: 0 0 45px 0;
585 
-	padding: 1px 15px 15px 15px;
584 
+	margin: 0 0 45px;
585 
+	padding: 1px 15px 15px;
586 586 
 }
587 587
588 588 
 #available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
 
@@ -590,7 +590,7 @@
590 590 
 }
591 591
592 592 
 #new-custom-menu-item .accordion-section-content {
593 
-	padding: 0 15px 15px 15px;
593 
+	padding: 0 15px 15px;
594 594 
 }
595 595
596 596 
 #available-menu-items .menu-item-tpl {
 
@@ -690,7 +690,7 @@
690 690 
 	position: absolute;
691 691 
 	left: 0;
692 692 
 	top: 60px; /* below title div / search input */
693 
-	bottom: 0px; /* 100% height that still triggers lazy load */
693 
+	bottom: 0; /* 100% height that still triggers lazy load */
694 694 
 	max-height: none;
695 695 
 	width: 100%;
696 696 
 	padding: 1px 15px 15px;
 
@@ -795,7 +795,7 @@ body.adding-menu-items #customize-preview iframe {
795 795
796 796 
 #create-new-menu-submit {
797 797 
 	float: right;
798 
-	margin: 0 0 12px 0;
798 
+	margin: 0 0 12px;
799 799 
 }
800 800
801 801 
 .menu-delete-item {
 
@@ -805,7 +805,7 @@ body.adding-menu-items #customize-preview iframe {
805 805 
 }
806 806
807 807 
 .assigned-menu-locations-title p {
808 
-	margin: 0 0 8px 0;
808 
+	margin: 0 0 8px;
809 809 
 }
810 810
811 811 
 li.assigned-to-menu-location .menu-delete-item {

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/customize-nav-menus.min.css


+ 1 - 1
app/wp-admin/css/customize-widgets-rtl.css
Просмотреть файл 

@@ -82,7 +82,7 @@
82 82 
 }
83 83
84 84 
 .widget-inside {
85 
-	padding: 1px 10px 10px 10px;
85 
+	padding: 1px 10px 10px;
86 86 
 	border-top: none;
87 87 
 	line-height: 1.23076923;
88 88 
 }

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/customize-widgets-rtl.min.css


+ 1 - 1
app/wp-admin/css/customize-widgets.css
Просмотреть файл 

@@ -81,7 +81,7 @@
81 81 
 }
82 82
83 83 
 .widget-inside {
84 
-	padding: 1px 10px 10px 10px;
84 
+	padding: 1px 10px 10px;
85 85 
 	border-top: none;
86 86 
 	line-height: 1.23076923;
87 87 
 }

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/customize-widgets.min.css


+ 225 - 59
app/wp-admin/css/dashboard-rtl.css
Просмотреть файл 

@@ -111,56 +111,95 @@
111 111 
 	max-width: 100%;
112 112 
 }
113 113
114 
+/* Screen meta exception for when the "Dashboard" heading is missing or located below the Welcome Panel. */
115 
+.index-php #screen-meta-links {
116 
+	margin: 0 0 8px 20px;
117 
+}
118 
+
114 119 
 /* Welcome Panel */
115 120 
 .welcome-panel {
116 121 
 	position: relative;
117 122 
 	overflow: auto;
118 123 
 	margin: 16px 0;
119 
-	padding: 23px 10px 0;
120 
-	border: 1px solid #c3c4c7;
121 
-	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
122 
-	background: #fff;
123 
-	font-size: 13px;
124 
-	line-height: 1.7;
124 
+	background-color: #e7ebfd;
125 
+	font-size: 14px;
126 
+	line-height: 1.3;
127 
+	clear: both;
125 128 
 }
126 129
127 130 
 .welcome-panel h2 {
128 131 
 	margin: 0;
129 
-	font-size: 21px;
130 
-	font-weight: 400;
131 
-	line-height: 1.2;
132 
+	font-size: 48px;
133 
+	font-weight: 600;
134 
+	line-height: 1.25;
132 135 
 }
133 136
134 137 
 .welcome-panel h3 {
135 
-	margin: 1.33em 0 0;
136 
-	font-size: 16px;
138 
+	margin: 0;
139 
+	font-size: 20px;
140 
+	font-weight: 400;
141 
+	line-height: 1.4;
137 142 
 }
138 143
139 
-.welcome-panel li {
140 
-	font-size: 14px;
144 
+.welcome-panel p {
145 
+	font-size: inherit;
146 
+	line-height: inherit;
141 147 
 }
142 148
143 
-.welcome-panel p {
144 
-	color: #646970;
149 
+.welcome-panel-header {
150 
+	--about-header-image-width: 521px;
151 
+	--about-header-bg-width: calc(var(--about-header-image-width) * 0.55);
152 
+	--about-header-bg-offset-inline: 2rem;
153 
+
154 
+	position: relative;
145 155 
 }
146 156
147 
-.welcome-panel li a {
157 
+.welcome-panel-header-image {
158 
+	position: absolute;
159 
+	top: -1rem;
160 
+	left: var(--about-header-bg-offset-inline);
161 
+	bottom: 0;
162 
+	width: var(--about-header-bg-width);
163 
+	height: auto;
164 
+}
165 
+
166 
+.welcome-panel-header-image svg {
167 
+	width: 100%;
168 
+	height: auto;
169 
+}
170 
+
171 
+.welcome-panel-header a {
172 
+	color: inherit;
173 
+}
174 
+
175 
+.welcome-panel-header a:focus,
176 
+.welcome-panel-header a:hover {
177 
+	color: inherit;
148 178 
 	text-decoration: none;
149 179 
 }
150 180
151 
-.welcome-panel .about-description {
152 
-	font-size: 16px;
153 
-	margin: 0;
181 
+.welcome-panel-header a:focus,
182 
+.welcome-panel .welcome-panel-close:focus {
183 
+	outline-color: currentColor;
184 
+	outline-offset: 1px;
185 
+	box-shadow: none;
186 
+}
187 
+
188 
+.welcome-panel-header p {
189 
+	margin: 0.5em 0 0;
190 
+	font-size: 20px;
191 
+	line-height: 1.4;
154 192 
 }
155 193
156 194 
 .welcome-panel .welcome-panel-close {
157 195 
 	position: absolute;
158 196 
 	top: 10px;
159 197 
 	left: 10px;
160 
-	padding: 10px 21px 10px 15px;
198 
+	padding: 10px 24px 10px 15px;
161 199 
 	font-size: 13px;
162 200 
 	line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
163 201 
 	text-decoration: none;
202 
+	z-index: 1; /* Raise above the version image. */
164 203 
 }
165 204
166 205 
 .welcome-panel .welcome-panel-close:before {
 
@@ -168,8 +207,23 @@
168 207 
 	top: 8px;
169 208 
 	right: 0;
170 209 
 	transition: all .1s ease-in-out;
210 
+	content: '\f335';
211 
+	font-size: 24px;
212 
+	color: #1d2327;
171 213 
 }
172 214
215 
+.welcome-panel .welcome-panel-close {
216 
+	color: #1d2327;
217 
+}
218 
+
219 
+.welcome-panel .welcome-panel-close:hover,
220 
+.welcome-panel .welcome-panel-close:focus,
221 
+.welcome-panel .welcome-panel-close:hover::before,
222 
+.welcome-panel .welcome-panel-close:focus::before {
223 
+	color: #2271b1;
224 
+}
225 
+
226 
+/* @deprecated 5.9.0 -- Button removed from panel. */
173 227 
 .wp-core-ui .welcome-panel .button.button-hero {
174 228 
 	margin: 15px 0 3px 13px;
175 229 
 	padding: 12px 36px;
 
@@ -179,54 +233,98 @@
179 233 
 }
180 234
181 235 
 .welcome-panel-content {
182 
-	margin-right: 13px;
236 
+	min-height: 400px;
237 
+	display: flex;
238 
+	flex-direction: column;
239 
+	justify-content: space-between;
240 
+}
241 
+
242 
+.welcome-panel-header {
243 
+	box-sizing: border-box;
244 
+	margin-right: auto;
245 
+	margin-left: auto;
183 246 
 	max-width: 1500px;
247 
+	width: 100%;
248 
+	padding: 48px 48px 80px 0;
249 
+	padding-left: calc(var(--about-header-bg-width) + (var(--about-header-bg-offset-inline) * 2));
184 250 
 }
185 251
186 252 
 .welcome-panel .welcome-panel-column-container {
253 
+	box-sizing: border-box;
254 
+	width: 100%;
187 255 
 	clear: both;
188 
-	position: relative;
256 
+	display: grid;
257 
+	z-index: 1;
258 
+	padding: 48px;
259 
+	grid-template-columns: repeat(3, 1fr);
260 
+	gap: 32px;
261 
+	align-self: flex-end;
262 
+	background: #fff;
189 263 
 }
190 264
191 
-.welcome-panel .welcome-panel-column {
192 
-	width: 32%;
193 
-	min-width: 200px;
194 
-	float: right;
265 
+[class*="welcome-panel-icon"] {
266 
+	height: 60px;
267 
+	width: 60px;
268 
+	background-color: #1d2327;
269 
+	background-position: center;
270 
+	background-size: 24px 24px;
271 
+	background-repeat: no-repeat;
272 
+	border-radius: 100%;
273 
+}
274 
+
275 
+.welcome-panel-column {
276 
+	display: grid;
277 
+	grid-template-columns: min-content 1fr;
278 
+	gap: 24px;
195 279 
 }
196 280
197 
-.welcome-panel .welcome-panel-column:first-child {
198 
-	width: 36%;
281 
+.welcome-panel-icon-pages {
282 
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z' /%3E%3C/svg%3E");
199 283 
 }
200 284
201 
-.welcome-panel-column p.hide-if-no-customize {
202 
-	margin-top: 10px;
285 
+.welcome-panel-icon-layout {
286 
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z' /%3E%3C/svg%3E");
203 287 
 }
204 288
205 
-.welcome-panel-column p {
206 
-	margin-top: 7px;
207 
-	color: #3c434a;
289 
+.welcome-panel-icon-styles {
290 
+	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' /%3E%3C/svg%3E");
208 291 
 }
209 292
293 
+/* @deprecated 5.9.0 -- Section removed from welcome panel. */
210 294 
 .welcome-panel .welcome-widgets-menus {
211 295 
 	line-height: 1.14285714;
212 296 
 }
213 297
298 
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
214 299 
 .welcome-panel .welcome-panel-column ul {
215 300 
 	margin: 0.8em 0 1em 1em;
216 301 
 }
217 302
303 
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
304 
+.welcome-panel li {
305 
+	font-size: 14px;
306 
+}
307 
+
308 
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
309 
+.welcome-panel li a {
310 
+	text-decoration: none;
311 
+}
312 
+
313 
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
218 314 
 .welcome-panel .welcome-panel-column li {
219 315 
 	line-height: 1.14285714;
220 316 
 	list-style-type: none;
221 317 
 	padding: 0 0 8px;
222 318 
 }
223 319
320 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
224 321 
 .welcome-panel .welcome-icon {
225 322 
 	background: transparent !important;
226 323 
 }
227 324
228 325 
 /* Welcome Panel and Right Now common Icons style */
229 326
327 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
230 328 
 .welcome-panel .welcome-icon:before,
231 329 
 #dashboard_right_now li a:before,
232 330 
 #dashboard_right_now li span:before,
 
@@ -245,47 +343,56 @@
245 343
246 344 
 /* Welcome Panel specific Icons styles */
247 345
346 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
248 347 
 .welcome-panel .welcome-write-blog:before,
249 348 
 .welcome-panel .welcome-edit-page:before {
250 349 
 	content: "\f119";
251 350 
 	top: -3px;
252 351 
 }
253 352
353 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
254 354 
 .welcome-panel .welcome-add-page:before {
255 355 
 	content: "\f132";
256 356 
 	top: -1px;
257 357 
 }
258 358
359 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
259 360 
 .welcome-panel .welcome-setup-home:before {
260 361 
 	content: "\f102";
261 362 
 	top: -1px;
262 363 
 }
263 364
365 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
264 366 
 .welcome-panel .welcome-view-site:before {
265 367 
 	content: "\f115";
266 368 
 	top: -2px;
267 369 
 }
268 370
371 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
269 372 
 .welcome-panel .welcome-widgets-menus:before {
270 373 
 	content: "\f116";
271 374 
 	top: -2px;
272 375 
 }
273 376
377 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
274 378 
 .welcome-panel .welcome-widgets:before {
275 379 
 	content: "\f538";
276 380 
 	top: -2px;
277 381 
 }
278 382
383 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
279 384 
 .welcome-panel .welcome-menus:before {
280 385 
 	content: "\f163";
281 386 
 	top: -2px;
282 387 
 }
283 388
389 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
284 390 
 .welcome-panel .welcome-comments:before {
285 391 
 	content: "\f117";
286 392 
 	top: -1px;
287 393 
 }
288 394
395 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
289 396 
 .welcome-panel .welcome-learn-more:before {
290 397 
 	content: "\f118";
291 398 
 	top: -1px;
 
@@ -355,7 +462,7 @@
355 462 
 .community-events-errors [aria-hidden="true"],
356 463 
 .community-events-loading[aria-hidden="true"],
357 464 
 .community-events[aria-hidden="true"],
358 
-.community-events [aria-hidden="true"] {
465 
+.community-events form[aria-hidden="true"] {
359 466 
 	display: none;
360 467 
 }
361 468 
 
@@ -519,7 +626,7 @@ body #dashboard-widgets .postbox form .submit {
519 626
520 627 
 #dashboard_primary .rss-widget {
521 628 
 	font-size: 13px;
522 
-	padding: 0 12px 0;
629 
+	padding: 0 12px;
523 630 
 }
524 631
525 632 
 #dashboard_primary .rss-widget:last-child {
 
@@ -600,7 +707,7 @@ body #dashboard-widgets .postbox form .submit {
600 707 
 	color: #50575e;
601 708 
 	background: #f6f7f7;
602 709 
 	border-top: 1px solid #f0f0f1;
603 
-	padding: 10px 12px 6px 12px;
710 
+	padding: 10px 12px 6px;
604 711 
 }
605 712
606 713 
 #dashboard_right_now .sub h3 {
 
@@ -836,7 +943,7 @@ body #dashboard-widgets .postbox form .submit {
836 943 
 }
837 944
838 945 
 #activity-widget #the-comment-list .comment-item p.row-actions {
839 
-	margin: 4px 0 0 0;
946 
+	margin: 4px 0 0;
840 947 
 }
841 948
842 949 
 #activity-widget #the-comment-list .comment-item:first-child {
 
@@ -1103,6 +1210,18 @@ a.rsswidget {
1103 1210 
 /* =Media Queries
1104 1211 
 -------------------------------------------------------------- */
1105 1212
1213 
+@media only screen and (min-width: 1600px) {
1214 
+	.welcome-panel .welcome-panel-column-container {
1215 
+		display: flex;
1216 
+		justify-content: center;
1217 
+	}
1218 
+
1219 
+	.welcome-panel-column {
1220 
+		width: 100%;
1221 
+		max-width: 460px;
1222 
+	}
1223 
+}
1224 
+
1106 1225 
 /* one column on the dash */
1107 1226 
 @media only screen and (max-width: 799px) {
1108 1227 
 	#wpbody-content #dashboard-widgets .postbox-container {
 
@@ -1214,25 +1333,67 @@ a.rsswidget {
1214 1333 
 }
1215 1334
1216 1335 
 @media screen and (max-width: 870px) {
1217 
-	.welcome-panel .welcome-panel-column,
1218 
-	.welcome-panel .welcome-panel-column:first-child {
1219 
-		display: block;
1220 
-		float: none;
1221 
-		width: 100%;
1222 
-	}
1223 
-
1336 
+	/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
1224 1337 
 	.welcome-panel .welcome-panel-column li {
1225 1338 
 		display: inline-block;
1226 1339 
 		margin-left: 13px;
1227 1340 
 	}
1228 1341
1342 
+	/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
1229 1343 
 	.welcome-panel .welcome-panel-column ul {
1230 1344 
 		margin: 0.4em 0 0;
1231 1345 
 	}
1232 1346
1233 1347 
 }
1234 1348
1349 
+@media screen and (max-width: 1180px) and (min-width: 783px) {
1350 
+	.welcome-panel-column {
1351 
+		grid-template-columns: 1fr;
1352 
+	}
1353 
+
1354 
+	[class*="welcome-panel-icon"] {
1355 
+		display: none;
1356 
+	}
1357 
+}
1358 
+
1235 1359 
 @media screen and (max-width: 782px) {
1360 
+	.welcome-panel-header {
1361 
+		--about-header-bg-width: calc(var(--about-header-image-width) * 0.4);
1362 
+		--about-header-bg-offset-inline: 1rem;
1363 
+	}
1364 
+
1365 
+	.welcome-panel-header-image {
1366 
+		top: 2rem;
1367 
+	}
1368 
+
1369 
+	.welcome-panel .welcome-panel-column-container {
1370 
+		grid-template-columns: 1fr;
1371 
+		box-sizing: border-box;
1372 
+		padding: 32px;
1373 
+		width: 100%;
1374 
+	}
1375 
+
1376 
+	.welcome-panel .welcome-panel-column-content {
1377 
+		max-width: 520px;
1378 
+	}
1379 
+
1380 
+	/* Keep the close icon from overlapping the Welcome text. */
1381 
+	.welcome-panel .welcome-panel-close {
1382 
+		overflow: hidden;
1383 
+		text-indent: 40px;
1384 
+		white-space: nowrap;
1385 
+		width: 20px;
1386 
+		height: 20px;
1387 
+		padding: 5px;
1388 
+		top: 5px;
1389 
+		left: 5px;
1390 
+	}
1391 
+
1392 
+	.welcome-panel .welcome-panel-close::before {
1393 
+		top: 5px;
1394 
+		right: -35px;
1395 
+	}
1396 
+
1236 1397 
 	#dashboard-widgets h2 {
1237 1398 
 		padding: 12px;
1238 1399 
 	}
 
@@ -1275,23 +1436,28 @@ a.rsswidget {
1275 1436
1276 1437 
 /* Smartphone */
1277 1438 
 @media screen and (max-width: 600px) {
1278 
-	/* Keep the close icon from overlapping the Welcome text. */
1279 
-	.welcome-panel .welcome-panel-close {
1280 
-		overflow: hidden;
1281 
-		text-indent: 40px;
1282 
-		white-space: nowrap;
1283 
-		width: 20px;
1284 
-		height: 20px;
1285 
-		padding: 5px;
1286 
-		top: 5px;
1287 
-		left: 5px;
1439 
+	.welcome-panel-header {
1440 
+		padding: 32px 32px 64px;
1288 1441 
 	}
1289 1442
1290 
-	/* Make the close icon larger for tappability. */
1291 
-	.welcome-panel .welcome-panel-close:before {
1292 
-		font-size: 20px;
1293 
-		top: 5px;
1294 
-		right: -35px;
1443 
+	.welcome-panel-header-image {
1444 
+		display: none;
1445 
+	}
1446 
+}
1447 
+
1448 
+@media screen and (max-width: 480px) {
1449 
+	.welcome-panel-column {
1450 
+		gap: 16px;
1451 
+	}
1452 
+}
1453 
+
1454 
+@media screen and (max-width: 360px) {
1455 
+	.welcome-panel-column {
1456 
+		grid-template-columns: 1fr;
1457 
+	}
1458 
+
1459 
+	[class*="welcome-panel-icon"] {
1460 
+		display: none;
1295 1461 
 	}
1296 1462 
 }
1297 1463

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/dashboard-rtl.min.css


+ 225 - 59
app/wp-admin/css/dashboard.css
Просмотреть файл 

@@ -110,56 +110,95 @@
110 110 
 	max-width: 100%;
111 111 
 }
112 112
113 
+/* Screen meta exception for when the "Dashboard" heading is missing or located below the Welcome Panel. */
114 
+.index-php #screen-meta-links {
115 
+	margin: 0 20px 8px 0;
116 
+}
117 
+
113 118 
 /* Welcome Panel */
114 119 
 .welcome-panel {
115 120 
 	position: relative;
116 121 
 	overflow: auto;
117 122 
 	margin: 16px 0;
118 
-	padding: 23px 10px 0;
119 
-	border: 1px solid #c3c4c7;
120 
-	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
121 
-	background: #fff;
122 
-	font-size: 13px;
123 
-	line-height: 1.7;
123 
+	background-color: #e7ebfd;
124 
+	font-size: 14px;
125 
+	line-height: 1.3;
126 
+	clear: both;
124 127 
 }
125 128
126 129 
 .welcome-panel h2 {
127 130 
 	margin: 0;
128 
-	font-size: 21px;
129 
-	font-weight: 400;
130 
-	line-height: 1.2;
131 
+	font-size: 48px;
132 
+	font-weight: 600;
133 
+	line-height: 1.25;
131 134 
 }
132 135
133 136 
 .welcome-panel h3 {
134 
-	margin: 1.33em 0 0;
135 
-	font-size: 16px;
137 
+	margin: 0;
138 
+	font-size: 20px;
139 
+	font-weight: 400;
140 
+	line-height: 1.4;
136 141 
 }
137 142
138 
-.welcome-panel li {
139 
-	font-size: 14px;
143 
+.welcome-panel p {
144 
+	font-size: inherit;
145 
+	line-height: inherit;
140 146 
 }
141 147
142 
-.welcome-panel p {
143 
-	color: #646970;
148 
+.welcome-panel-header {
149 
+	--about-header-image-width: 521px;
150 
+	--about-header-bg-width: calc(var(--about-header-image-width) * 0.55);
151 
+	--about-header-bg-offset-inline: 2rem;
152 
+
153 
+	position: relative;
144 154 
 }
145 155
146 
-.welcome-panel li a {
156 
+.welcome-panel-header-image {
157 
+	position: absolute;
158 
+	top: -1rem;
159 
+	right: var(--about-header-bg-offset-inline);
160 
+	bottom: 0;
161 
+	width: var(--about-header-bg-width);
162 
+	height: auto;
163 
+}
164 
+
165 
+.welcome-panel-header-image svg {
166 
+	width: 100%;
167 
+	height: auto;
168 
+}
169 
+
170 
+.welcome-panel-header a {
171 
+	color: inherit;
172 
+}
173 
+
174 
+.welcome-panel-header a:focus,
175 
+.welcome-panel-header a:hover {
176 
+	color: inherit;
147 177 
 	text-decoration: none;
148 178 
 }
149 179
150 
-.welcome-panel .about-description {
151 
-	font-size: 16px;
152 
-	margin: 0;
180 
+.welcome-panel-header a:focus,
181 
+.welcome-panel .welcome-panel-close:focus {
182 
+	outline-color: currentColor;
183 
+	outline-offset: 1px;
184 
+	box-shadow: none;
185 
+}
186 
+
187 
+.welcome-panel-header p {
188 
+	margin: 0.5em 0 0;
189 
+	font-size: 20px;
190 
+	line-height: 1.4;
153 191 
 }
154 192
155 193 
 .welcome-panel .welcome-panel-close {
156 194 
 	position: absolute;
157 195 
 	top: 10px;
158 196 
 	right: 10px;
159 
-	padding: 10px 15px 10px 21px;
197 
+	padding: 10px 15px 10px 24px;
160 198 
 	font-size: 13px;
161 199 
 	line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
162 200 
 	text-decoration: none;
201 
+	z-index: 1; /* Raise above the version image. */
163 202 
 }
164 203
165 204 
 .welcome-panel .welcome-panel-close:before {
 
@@ -167,8 +206,23 @@
167 206 
 	top: 8px;
168 207 
 	left: 0;
169 208 
 	transition: all .1s ease-in-out;
209 
+	content: '\f335';
210 
+	font-size: 24px;
211 
+	color: #1d2327;
170 212 
 }
171 213
214 
+.welcome-panel .welcome-panel-close {
215 
+	color: #1d2327;
216 
+}
217 
+
218 
+.welcome-panel .welcome-panel-close:hover,
219 
+.welcome-panel .welcome-panel-close:focus,
220 
+.welcome-panel .welcome-panel-close:hover::before,
221 
+.welcome-panel .welcome-panel-close:focus::before {
222 
+	color: #2271b1;
223 
+}
224 
+
225 
+/* @deprecated 5.9.0 -- Button removed from panel. */
172 226 
 .wp-core-ui .welcome-panel .button.button-hero {
173 227 
 	margin: 15px 13px 3px 0;
174 228 
 	padding: 12px 36px;
 
@@ -178,54 +232,98 @@
178 232 
 }
179 233
180 234 
 .welcome-panel-content {
181 
-	margin-left: 13px;
235 
+	min-height: 400px;
236 
+	display: flex;
237 
+	flex-direction: column;
238 
+	justify-content: space-between;
239 
+}
240 
+
241 
+.welcome-panel-header {
242 
+	box-sizing: border-box;
243 
+	margin-left: auto;
244 
+	margin-right: auto;
182 245 
 	max-width: 1500px;
246 
+	width: 100%;
247 
+	padding: 48px 0 80px 48px;
248 
+	padding-right: calc(var(--about-header-bg-width) + (var(--about-header-bg-offset-inline) * 2));
183 249 
 }
184 250
185 251 
 .welcome-panel .welcome-panel-column-container {
252 
+	box-sizing: border-box;
253 
+	width: 100%;
186 254 
 	clear: both;
187 
-	position: relative;
255 
+	display: grid;
256 
+	z-index: 1;
257 
+	padding: 48px;
258 
+	grid-template-columns: repeat(3, 1fr);
259 
+	gap: 32px;
260 
+	align-self: flex-end;
261 
+	background: #fff;
188 262 
 }
189 263
190 
-.welcome-panel .welcome-panel-column {
191 
-	width: 32%;
192 
-	min-width: 200px;
193 
-	float: left;
264 
+[class*="welcome-panel-icon"] {
265 
+	height: 60px;
266 
+	width: 60px;
267 
+	background-color: #1d2327;
268 
+	background-position: center;
269 
+	background-size: 24px 24px;
270 
+	background-repeat: no-repeat;
271 
+	border-radius: 100%;
272 
+}
273 
+
274 
+.welcome-panel-column {
275 
+	display: grid;
276 
+	grid-template-columns: min-content 1fr;
277 
+	gap: 24px;
194 278 
 }
195 279
196 
-.welcome-panel .welcome-panel-column:first-child {
197 
-	width: 36%;
280 
+.welcome-panel-icon-pages {
281 
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z' /%3E%3C/svg%3E");
198 282 
 }
199 283
200 
-.welcome-panel-column p.hide-if-no-customize {
201 
-	margin-top: 10px;
284 
+.welcome-panel-icon-layout {
285 
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z' /%3E%3C/svg%3E");
202 286 
 }
203 287
204 
-.welcome-panel-column p {
205 
-	margin-top: 7px;
206 
-	color: #3c434a;
288 
+.welcome-panel-icon-styles {
289 
+	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' /%3E%3C/svg%3E");
207 290 
 }
208 291
292 
+/* @deprecated 5.9.0 -- Section removed from welcome panel. */
209 293 
 .welcome-panel .welcome-widgets-menus {
210 294 
 	line-height: 1.14285714;
211 295 
 }
212 296
297 
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
213 298 
 .welcome-panel .welcome-panel-column ul {
214 299 
 	margin: 0.8em 1em 1em 0;
215 300 
 }
216 301
302 
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
303 
+.welcome-panel li {
304 
+	font-size: 14px;
305 
+}
306 
+
307 
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
308 
+.welcome-panel li a {
309 
+	text-decoration: none;
310 
+}
311 
+
312 
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
217 313 
 .welcome-panel .welcome-panel-column li {
218 314 
 	line-height: 1.14285714;
219 315 
 	list-style-type: none;
220 316 
 	padding: 0 0 8px;
221 317 
 }
222 318
319 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
223 320 
 .welcome-panel .welcome-icon {
224 321 
 	background: transparent !important;
225 322 
 }
226 323
227 324 
 /* Welcome Panel and Right Now common Icons style */
228 325
326 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
229 327 
 .welcome-panel .welcome-icon:before,
230 328 
 #dashboard_right_now li a:before,
231 329 
 #dashboard_right_now li span:before,
 
@@ -244,47 +342,56 @@
244 342
245 343 
 /* Welcome Panel specific Icons styles */
246 344
345 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
247 346 
 .welcome-panel .welcome-write-blog:before,
248 347 
 .welcome-panel .welcome-edit-page:before {
249 348 
 	content: "\f119";
250 349 
 	top: -3px;
251 350 
 }
252 351
352 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
253 353 
 .welcome-panel .welcome-add-page:before {
254 354 
 	content: "\f132";
255 355 
 	top: -1px;
256 356 
 }
257 357
358 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
258 359 
 .welcome-panel .welcome-setup-home:before {
259 360 
 	content: "\f102";
260 361 
 	top: -1px;
261 362 
 }
262 363
364 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
263 365 
 .welcome-panel .welcome-view-site:before {
264 366 
 	content: "\f115";
265 367 
 	top: -2px;
266 368 
 }
267 369
370 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
268 371 
 .welcome-panel .welcome-widgets-menus:before {
269 372 
 	content: "\f116";
270 373 
 	top: -2px;
271 374 
 }
272 375
376 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
273 377 
 .welcome-panel .welcome-widgets:before {
274 378 
 	content: "\f538";
275 379 
 	top: -2px;
276 380 
 }
277 381
382 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
278 383 
 .welcome-panel .welcome-menus:before {
279 384 
 	content: "\f163";
280 385 
 	top: -2px;
281 386 
 }
282 387
388 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
283 389 
 .welcome-panel .welcome-comments:before {
284 390 
 	content: "\f117";
285 391 
 	top: -1px;
286 392 
 }
287 393
394 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
288 395 
 .welcome-panel .welcome-learn-more:before {
289 396 
 	content: "\f118";
290 397 
 	top: -1px;
 
@@ -354,7 +461,7 @@
354 461 
 .community-events-errors [aria-hidden="true"],
355 462 
 .community-events-loading[aria-hidden="true"],
356 463 
 .community-events[aria-hidden="true"],
357 
-.community-events [aria-hidden="true"] {
464 
+.community-events form[aria-hidden="true"] {
358 465 
 	display: none;
359 466 
 }
360 467 
 
@@ -518,7 +625,7 @@ body #dashboard-widgets .postbox form .submit {
518 625
519 626 
 #dashboard_primary .rss-widget {
520 627 
 	font-size: 13px;
521 
-	padding: 0 12px 0;
628 
+	padding: 0 12px;
522 629 
 }
523 630
524 631 
 #dashboard_primary .rss-widget:last-child {
 
@@ -599,7 +706,7 @@ body #dashboard-widgets .postbox form .submit {
599 706 
 	color: #50575e;
600 707 
 	background: #f6f7f7;
601 708 
 	border-top: 1px solid #f0f0f1;
602 
-	padding: 10px 12px 6px 12px;
709 
+	padding: 10px 12px 6px;
603 710 
 }
604 711
605 712 
 #dashboard_right_now .sub h3 {
 
@@ -835,7 +942,7 @@ body #dashboard-widgets .postbox form .submit {
835 942 
 }
836 943
837 944 
 #activity-widget #the-comment-list .comment-item p.row-actions {
838 
-	margin: 4px 0 0 0;
945 
+	margin: 4px 0 0;
839 946 
 }
840 947
841 948 
 #activity-widget #the-comment-list .comment-item:first-child {
 
@@ -1102,6 +1209,18 @@ a.rsswidget {
1102 1209 
 /* =Media Queries
1103 1210 
 -------------------------------------------------------------- */
1104 1211
1212 
+@media only screen and (min-width: 1600px) {
1213 
+	.welcome-panel .welcome-panel-column-container {
1214 
+		display: flex;
1215 
+		justify-content: center;
1216 
+	}
1217 
+
1218 
+	.welcome-panel-column {
1219 
+		width: 100%;
1220 
+		max-width: 460px;
1221 
+	}
1222 
+}
1223 
+
1105 1224 
 /* one column on the dash */
1106 1225 
 @media only screen and (max-width: 799px) {
1107 1226 
 	#wpbody-content #dashboard-widgets .postbox-container {
 
@@ -1213,25 +1332,67 @@ a.rsswidget {
1213 1332 
 }
1214 1333
1215 1334 
 @media screen and (max-width: 870px) {
1216 
-	.welcome-panel .welcome-panel-column,
1217 
-	.welcome-panel .welcome-panel-column:first-child {
1218 
-		display: block;
1219 
-		float: none;
1220 
-		width: 100%;
1221 
-	}
1222 
-
1335 
+	/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
1223 1336 
 	.welcome-panel .welcome-panel-column li {
1224 1337 
 		display: inline-block;
1225 1338 
 		margin-right: 13px;
1226 1339 
 	}
1227 1340
1341 
+	/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
1228 1342 
 	.welcome-panel .welcome-panel-column ul {
1229 1343 
 		margin: 0.4em 0 0;
1230 1344 
 	}
1231 1345
1232 1346 
 }
1233 1347
1348 
+@media screen and (max-width: 1180px) and (min-width: 783px) {
1349 
+	.welcome-panel-column {
1350 
+		grid-template-columns: 1fr;
1351 
+	}
1352 
+
1353 
+	[class*="welcome-panel-icon"] {
1354 
+		display: none;
1355 
+	}
1356 
+}
1357 
+
1234 1358 
 @media screen and (max-width: 782px) {
1359 
+	.welcome-panel-header {
1360 
+		--about-header-bg-width: calc(var(--about-header-image-width) * 0.4);
1361 
+		--about-header-bg-offset-inline: 1rem;
1362 
+	}
1363 
+
1364 
+	.welcome-panel-header-image {
1365 
+		top: 2rem;
1366 
+	}
1367 
+
1368 
+	.welcome-panel .welcome-panel-column-container {
1369 
+		grid-template-columns: 1fr;
1370 
+		box-sizing: border-box;
1371 
+		padding: 32px;
1372 
+		width: 100%;
1373 
+	}
1374 
+
1375 
+	.welcome-panel .welcome-panel-column-content {
1376 
+		max-width: 520px;
1377 
+	}
1378 
+
1379 
+	/* Keep the close icon from overlapping the Welcome text. */
1380 
+	.welcome-panel .welcome-panel-close {
1381 
+		overflow: hidden;
1382 
+		text-indent: 40px;
1383 
+		white-space: nowrap;
1384 
+		width: 20px;
1385 
+		height: 20px;
1386 
+		padding: 5px;
1387 
+		top: 5px;
1388 
+		right: 5px;
1389 
+	}
1390 
+
1391 
+	.welcome-panel .welcome-panel-close::before {
1392 
+		top: 5px;
1393 
+		left: -35px;
1394 
+	}
1395 
+
1235 1396 
 	#dashboard-widgets h2 {
1236 1397 
 		padding: 12px;
1237 1398 
 	}
 
@@ -1274,23 +1435,28 @@ a.rsswidget {
1274 1435
1275 1436 
 /* Smartphone */
1276 1437 
 @media screen and (max-width: 600px) {
1277 
-	/* Keep the close icon from overlapping the Welcome text. */
1278 
-	.welcome-panel .welcome-panel-close {
1279 
-		overflow: hidden;
1280 
-		text-indent: 40px;
1281 
-		white-space: nowrap;
1282 
-		width: 20px;
1283 
-		height: 20px;
1284 
-		padding: 5px;
1285 
-		top: 5px;
1286 
-		right: 5px;
1438 
+	.welcome-panel-header {
1439 
+		padding: 32px 32px 64px;
1287 1440 
 	}
1288 1441
1289 
-	/* Make the close icon larger for tappability. */
1290 
-	.welcome-panel .welcome-panel-close:before {
1291 
-		font-size: 20px;
1292 
-		top: 5px;
1293 
-		left: -35px;
1442 
+	.welcome-panel-header-image {
1443 
+		display: none;
1444 
+	}
1445 
+}
1446 
+
1447 
+@media screen and (max-width: 480px) {
1448 
+	.welcome-panel-column {
1449 
+		gap: 16px;
1450 
+	}
1451 
+}
1452 
+
1453 
+@media screen and (max-width: 360px) {
1454 
+	.welcome-panel-column {
1455 
+		grid-template-columns: 1fr;
1456 
+	}
1457 
+
1458 
+	[class*="welcome-panel-icon"] {
1459 
+		display: none;
1294 1460 
 	}
1295 1461 
 }
1296 1462

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/dashboard.min.css


+ 1 - 1
app/wp-admin/css/deprecated-media-rtl.css
Просмотреть файл 

@@ -101,7 +101,7 @@ th {
101 101 
 	width: 100%;
102 102 
 	border: none;
103 103 
 	text-align: justify;
104 
-	margin: 0 0 1em 0;
104 
+	margin: 0 0 1em;
105 105 
 	padding: 0;
106 106 
 }
107 107

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/deprecated-media-rtl.min.css


+ 1 - 1
app/wp-admin/css/deprecated-media.css
Просмотреть файл 

@@ -100,7 +100,7 @@ th {
100 100 
 	width: 100%;
101 101 
 	border: none;
102 102 
 	text-align: justify;
103 
-	margin: 0 0 1em 0;
103 
+	margin: 0 0 1em;
104 104 
 	padding: 0;
105 105 
 }
106 106

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/deprecated-media.min.css


+ 17 - 11
app/wp-admin/css/edit-rtl.css
Просмотреть файл 

@@ -98,6 +98,12 @@ input#link_url {
98 98 
 	color: #646970;
99 99 
 }
100 100
101 
+#sample-permalink {
102 
+	display: inline-block;
103 
+	max-width: 100%;
104 
+	word-wrap: break-word;
105 
+}
106 
+
101 107 
 #edit-slug-box .cancel {
102 108 
 	margin-left: 10px;
103 109 
 	padding: 0;
 
@@ -147,6 +153,11 @@ body.post-new-php .submitbox .submitdelete {
147 153 
 	margin-top: 3px;
148 154 
 }
149 155
156 
+body.post-type-wp_navigation div#minor-publishing,
157 
+body.post-type-wp_navigation .inline-edit-status {
158 
+	display: none;
159 
+}
160 
+
150 161 
 /* Post Screen */
151 162
152 163 
 /* Only highlight drop zones when dragging and only in the 2 columns layout. */
 
@@ -451,7 +462,7 @@ form#tags-filter {
451 462 
 }
452 463
453 464 
 .curtime #timestamp {
454 
-	padding: 2px 0 1px 0;
465 
+	padding: 2px 0 1px;
455 466 
 	display: inline !important;
456 467 
 	height: auto !important;
457 468 
 }
 
@@ -651,7 +662,7 @@ form#tags-filter {
651 662 
 }
652 663
653 664 
 #poststuff .inside {
654 
-	margin: 6px 0 0 0;
665 
+	margin: 6px 0 0;
655 666 
 }
656 667
657 668 
 .link-php #poststuff .inside,
 
@@ -722,7 +733,7 @@ form#tags-filter {
722 733 
 	font-weight: 600;
723 734 
 	margin: 0 0.8rem 1rem;
724 735 
 	font-size: 23px;
725 
-	padding: 9px 0 4px 0;
736 
+	padding: 9px 0 4px;
726 737 
 	line-height: 1.3;
727 738 
 }
728 739 
 
@@ -1364,7 +1375,7 @@ p.description code {
1364 1375 
 }
1365 1376
1366 1377 
 #poststuff .tagsdiv .howto {
1367 
-	margin: 1em 0 6px 0;
1378 
+	margin: 1em 0 6px;
1368 1379 
 }
1369 1380
1370 1381 
 .ajaxtag .newtag {
 
@@ -1773,7 +1784,7 @@ table.links-table {
1773 1784 
 	}
1774 1785
1775 1786 
 	#titlediv #title-prompt-text {
1776 
-		padding: 10px 10px;
1787 
+		padding: 10px;
1777 1788 
 	}
1778 1789
1779 1790 
 	#poststuff .stuffbox .inside {
 
@@ -1956,12 +1967,7 @@ table.links-table {
1956 1967 
 	}
1957 1968
1958 1969 
 	.misc-pub-section {
1959 
-		padding: 20px 10px 20px;
1960 
-	}
1961 
-
1962 
-	.misc-pub-section > a {
1963 
-		float: left;
1964 
-		font-size: 16px;
1970 
+		padding: 20px 10px;
1965 1971 
 	}
1966 1972
1967 1973 
 	#delete-action,

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/edit-rtl.min.css


+ 17 - 11
app/wp-admin/css/edit.css
Просмотреть файл 

@@ -97,6 +97,12 @@ input#link_url {
97 97 
 	color: #646970;
98 98 
 }
99 99
100 
+#sample-permalink {
101 
+	display: inline-block;
102 
+	max-width: 100%;
103 
+	word-wrap: break-word;
104 
+}
105 
+
100 106 
 #edit-slug-box .cancel {
101 107 
 	margin-right: 10px;
102 108 
 	padding: 0;
 
@@ -146,6 +152,11 @@ body.post-new-php .submitbox .submitdelete {
146 152 
 	margin-top: 3px;
147 153 
 }
148 154
155 
+body.post-type-wp_navigation div#minor-publishing,
156 
+body.post-type-wp_navigation .inline-edit-status {
157 
+	display: none;
158 
+}
159 
+
149 160 
 /* Post Screen */
150 161
151 162 
 /* Only highlight drop zones when dragging and only in the 2 columns layout. */
 
@@ -450,7 +461,7 @@ form#tags-filter {
450 461 
 }
451 462
452 463 
 .curtime #timestamp {
453 
-	padding: 2px 0 1px 0;
464 
+	padding: 2px 0 1px;
454 465 
 	display: inline !important;
455 466 
 	height: auto !important;
456 467 
 }
 
@@ -650,7 +661,7 @@ form#tags-filter {
650 661 
 }
651 662
652 663 
 #poststuff .inside {
653 
-	margin: 6px 0 0 0;
664 
+	margin: 6px 0 0;
654 665 
 }
655 666
656 667 
 .link-php #poststuff .inside,
 
@@ -721,7 +732,7 @@ form#tags-filter {
721 732 
 	font-weight: 600;
722 733 
 	margin: 0 0.8rem 1rem;
723 734 
 	font-size: 23px;
724 
-	padding: 9px 0 4px 0;
735 
+	padding: 9px 0 4px;
725 736 
 	line-height: 1.3;
726 737 
 }
727 738 
 
@@ -1363,7 +1374,7 @@ p.description code {
1363 1374 
 }
1364 1375
1365 1376 
 #poststuff .tagsdiv .howto {
1366 
-	margin: 1em 0 6px 0;
1377 
+	margin: 1em 0 6px;
1367 1378 
 }
1368 1379
1369 1380 
 .ajaxtag .newtag {
 
@@ -1772,7 +1783,7 @@ table.links-table {
1772 1783 
 	}
1773 1784
1774 1785 
 	#titlediv #title-prompt-text {
1775 
-		padding: 10px 10px;
1786 
+		padding: 10px;
1776 1787 
 	}
1777 1788
1778 1789 
 	#poststuff .stuffbox .inside {
 
@@ -1955,12 +1966,7 @@ table.links-table {
1955 1966 
 	}
1956 1967
1957 1968 
 	.misc-pub-section {
1958 
-		padding: 20px 10px 20px;
1959 
-	}
1960 
-
1961 
-	.misc-pub-section > a {
1962 
-		float: right;
1963 
-		font-size: 16px;
1969 
+		padding: 20px 10px;
1964 1970 
 	}
1965 1971
1966 1972 
 	#delete-action,

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/edit.min.css


+ 15 - 8
app/wp-admin/css/forms-rtl.css
Просмотреть файл 

@@ -33,7 +33,7 @@ select {
33 33 
 }
34 34
35 35 
 textarea.code {
36 
-	padding: 4px 6px 1px 6px;
36 
+	padding: 4px 6px 1px;
37 37 
 }
38 38
39 39 
 input[type="text"],
 
@@ -1000,8 +1000,8 @@ table.form-table td .updated p {
1000 1000
1001 1001 
 .pressthis-bookmarklet span {
1002 1002 
 	display: inline-block;
1003 
-	margin: 0px 0 0;
1004 
-	padding: 0px 9px 8px 12px;
1003 
+	margin: 0;
1004 
+	padding: 0 9px 8px 12px;
1005 1005 
 }
1006 1006
1007 1007 
 .pressthis-bookmarklet span:before {
 
@@ -1226,7 +1226,7 @@ table.form-table td .updated p {
1226 1226 
 }
1227 1227
1228 1228 
 .request-filesystem-credentials-form .notice {
1229 
-	margin: 0 0 20px 0;
1229 
+	margin: 0 0 20px;
1230 1230 
 	clear: both;
1231 1231 
 }
1232 1232 
 
@@ -1237,11 +1237,14 @@ table.form-table td .updated p {
1237 1237 
 	margin-bottom: 1.3em;
1238 1238 
 }
1239 1239
1240 
-.tools-privacy-policy-page input.button,
1241 
-.tools-privacy-policy-page select {
1240 
+.tools-privacy-policy-page input.button {
1242 1241 
 	margin: 0 6px 0 1px;
1243 1242 
 }
1244 1243
1244 
+.tools-privacy-policy-page select {
1245 
+	margin: 0 6px 0.5em 1px;
1246 
+}
1247 
+
1245 1248 
 .tools-privacy-edit {
1246 1249 
 	margin: 1.5em 0;
1247 1250 
 }
 
@@ -1526,6 +1529,10 @@ table.form-table td .updated p {
1526 1529 
 		margin: 0 3px;
1527 1530 
 	}
1528 1531
1532 
+	.form-table .regular-text ~ input[type="text"].small-text {
1533 
+		margin-top: 5px;
1534 
+	}
1535 
+
1529 1536 
 	#pass-strength-result {
1530 1537 
 		width: 100%;
1531 1538 
 		box-sizing: border-box;
 
@@ -1560,13 +1567,13 @@ table.form-table td .updated p {
1560 1567 
 	}
1561 1568
1562 1569 
 	.form-table th {
1563 
-		padding: 10px 0 0 0;
1570 
+		padding: 10px 0 0;
1564 1571 
 		border-bottom: 0;
1565 1572 
 	}
1566 1573
1567 1574 
 	.form-table td {
1568 1575 
 		margin-bottom: 0;
1569 
-		padding: 4px 0 6px 0;
1576 
+		padding: 4px 0 6px;
1570 1577 
 	}
1571 1578
1572 1579 
 	.form-table.permalink-structure td code {

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/forms-rtl.min.css


+ 15 - 8
app/wp-admin/css/forms.css
Просмотреть файл 

@@ -32,7 +32,7 @@ select {
32 32 
 }
33 33
34 34 
 textarea.code {
35 
-	padding: 4px 6px 1px 6px;
35 
+	padding: 4px 6px 1px;
36 36 
 }
37 37
38 38 
 input[type="text"],
 
@@ -999,8 +999,8 @@ table.form-table td .updated p {
999 999
1000 1000 
 .pressthis-bookmarklet span {
1001 1001 
 	display: inline-block;
1002 
-	margin: 0px 0 0;
1003 
-	padding: 0px 12px 8px 9px;
1002 
+	margin: 0;
1003 
+	padding: 0 12px 8px 9px;
1004 1004 
 }
1005 1005
1006 1006 
 .pressthis-bookmarklet span:before {
 
@@ -1225,7 +1225,7 @@ table.form-table td .updated p {
1225 1225 
 }
1226 1226
1227 1227 
 .request-filesystem-credentials-form .notice {
1228 
-	margin: 0 0 20px 0;
1228 
+	margin: 0 0 20px;
1229 1229 
 	clear: both;
1230 1230 
 }
1231 1231 
 
@@ -1236,11 +1236,14 @@ table.form-table td .updated p {
1236 1236 
 	margin-bottom: 1.3em;
1237 1237 
 }
1238 1238
1239 
-.tools-privacy-policy-page input.button,
1240 
-.tools-privacy-policy-page select {
1239 
+.tools-privacy-policy-page input.button {
1241 1240 
 	margin: 0 1px 0 6px;
1242 1241 
 }
1243 1242
1243 
+.tools-privacy-policy-page select {
1244 
+	margin: 0 1px 0.5em 6px;
1245 
+}
1246 
+
1244 1247 
 .tools-privacy-edit {
1245 1248 
 	margin: 1.5em 0;
1246 1249 
 }
 
@@ -1525,6 +1528,10 @@ table.form-table td .updated p {
1525 1528 
 		margin: 0 3px;
1526 1529 
 	}
1527 1530
1531 
+	.form-table .regular-text ~ input[type="text"].small-text {
1532 
+		margin-top: 5px;
1533 
+	}
1534 
+
1528 1535 
 	#pass-strength-result {
1529 1536 
 		width: 100%;
1530 1537 
 		box-sizing: border-box;
 
@@ -1559,13 +1566,13 @@ table.form-table td .updated p {
1559 1566 
 	}
1560 1567
1561 1568 
 	.form-table th {
1562 
-		padding: 10px 0 0 0;
1569 
+		padding: 10px 0 0;
1563 1570 
 		border-bottom: 0;
1564 1571 
 	}
1565 1572
1566 1573 
 	.form-table td {
1567 1574 
 		margin-bottom: 0;
1568 
-		padding: 4px 0 6px 0;
1575 
+		padding: 4px 0 6px;
1569 1576 
 	}
1570 1577
1571 1578 
 	.form-table.permalink-structure td code {

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/forms.min.css


+ 3 - 3
app/wp-admin/css/install-rtl.css
Просмотреть файл 

@@ -10,7 +10,7 @@ body {
10 10 
 	color: #3c434a;
11 11 
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
12 12 
 	margin: 140px auto 25px;
13 
-	padding: 20px 20px 10px 20px;
13 
+	padding: 20px 20px 10px;
14 14 
 	max-width: 700px;
15 15 
 	-webkit-font-smoothing: subpixel-antialiased;
16 16 
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 
@@ -79,7 +79,7 @@ label {
79 79
80 80 
 #logo {
81 81 
 	margin: -130px auto 25px;
82 
-	padding: 0 0 25px 0;
82 
+	padding: 0 0 25px;
83 83 
 	width: 84px;
84 84 
 	height: 84px;
85 85 
 	overflow: hidden;
 
@@ -142,7 +142,7 @@ textarea {
142 142 
 }
143 143
144 144 
 .form-table p {
145 
-	margin: 4px 0 0 0;
145 
+	margin: 4px 0 0;
146 146 
 	font-size: 11px;
147 147 
 }
148 148

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/install-rtl.min.css


+ 3 - 3
app/wp-admin/css/install.css
Просмотреть файл 

@@ -9,7 +9,7 @@ body {
9 9 
 	color: #3c434a;
10 10 
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
11 11 
 	margin: 140px auto 25px;
12 
-	padding: 20px 20px 10px 20px;
12 
+	padding: 20px 20px 10px;
13 13 
 	max-width: 700px;
14 14 
 	-webkit-font-smoothing: subpixel-antialiased;
15 15 
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 
@@ -78,7 +78,7 @@ label {
78 78
79 79 
 #logo {
80 80 
 	margin: -130px auto 25px;
81 
-	padding: 0 0 25px 0;
81 
+	padding: 0 0 25px;
82 82 
 	width: 84px;
83 83 
 	height: 84px;
84 84 
 	overflow: hidden;
 
@@ -141,7 +141,7 @@ textarea {
141 141 
 }
142 142
143 143 
 .form-table p {
144 
-	margin: 4px 0 0 0;
144 
+	margin: 4px 0 0;
145 145 
 	font-size: 11px;
146 146 
 }
147 147

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
app/wp-admin/css/install.min.css


+ 0 - 0
app/wp-admin/css/list-tables-rtl.css
Просмотреть файл


Некоторые файлы не были показаны из-за большого количества измененных файлов

tum/whitesports - Gogs: Simplico Git Service
Strona główna Odkrywaj Pomoc
Zaloguj się
tum
/
whitesports
Obserwuj 1
Polub 0
Forkuj 0
Kod Problemy 0 Oczekujące zmiany 0 Commity 9 Wydania 0 Wiki

Brak opisu

Gałąź: master
Gałęzie Tagi
whitesports
/
app
/
wp-includes
/
js
/
dist
/
media-utils.js

media-utils.js 22KB
Bezpośredni odnośnik Historia Czysty

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715 
  1. /******/ (function() { // webpackBootstrap
    2. 

  2. /******/ 	"use strict";
    3. 

  3. /******/ 	// The require scope
    4. 

  4. /******/ 	var __webpack_require__ = {};
    5. 

  5. /******/ 	
    6. 

  6. /************************************************************************/
    7. 

  7. /******/ 	/* webpack/runtime/compat get default export */
    8. 

  8. /******/ 	!function() {
    9. 

  9. /******/ 		// getDefaultExport function for compatibility with non-harmony modules
    10. 

  10. /******/ 		__webpack_require__.n = function(module) {
    11. 

  11. /******/ 			var getter = module && module.__esModule ?
    12. 

  12. /******/ 				function() { return module['default']; } :
    13. 

  13. /******/ 				function() { return module; };
    14. 

  14. /******/ 			__webpack_require__.d(getter, { a: getter });
    15. 

  15. /******/ 			return getter;
    16. 

  16. /******/ 		};
    17. 

  17. /******/ 	}();
    18. 

  18. /******/ 	
    19. 

  19. /******/ 	/* webpack/runtime/define property getters */
    20. 

  20. /******/ 	!function() {
    21. 

  21. /******/ 		// define getter functions for harmony exports
    22. 

  22. /******/ 		__webpack_require__.d = function(exports, definition) {
    23. 

  23. /******/ 			for(var key in definition) {
    24. 

  24. /******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
    25. 

  25. /******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
    26. 

  26. /******/ 				}
    27. 

  27. /******/ 			}
    28. 

  28. /******/ 		};
    29. 

  29. /******/ 	}();
    30. 

  30. /******/ 	
    31. 

  31. /******/ 	/* webpack/runtime/hasOwnProperty shorthand */
    32. 

  32. /******/ 	!function() {
    33. 

  33. /******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
    34. 

  34. /******/ 	}();
    35. 

  35. /******/ 	
    36. 

  36. /******/ 	/* webpack/runtime/make namespace object */
    37. 

  37. /******/ 	!function() {
    38. 

  38. /******/ 		// define __esModule on exports
    39. 

  39. /******/ 		__webpack_require__.r = function(exports) {
    40. 

  40. /******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
    41. 

  41. /******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
    42. 

  42. /******/ 			}
    43. 

  43. /******/ 			Object.defineProperty(exports, '__esModule', { value: true });
    44. 

  44. /******/ 		};
    45. 

  45. /******/ 	}();
    46. 

  46. /******/ 	
    47. 

  47. /************************************************************************/
    48. 

  48. var __webpack_exports__ = {};
    49. 

  49. // ESM COMPAT FLAG
    50. 

  50. __webpack_require__.r(__webpack_exports__);
    51. 

  51. 

  52. // EXPORTS
    53. 

  53. __webpack_require__.d(__webpack_exports__, {
    54. 

  54.   "MediaUpload": function() { return /* reexport */ media_upload; },
    55. 

  55.   "uploadMedia": function() { return /* reexport */ uploadMedia; }
    56. 

  56. });
    57. 

  57. 

  58. ;// CONCATENATED MODULE: external "lodash"
    59. 

  59. var external_lodash_namespaceObject = window["lodash"];
    60. 

  60. ;// CONCATENATED MODULE: external ["wp","element"]
    61. 

  61. var external_wp_element_namespaceObject = window["wp"]["element"];
    62. 

  62. ;// CONCATENATED MODULE: external ["wp","i18n"]
    63. 

  63. var external_wp_i18n_namespaceObject = window["wp"]["i18n"];
    64. 

  64. ;// CONCATENATED MODULE: ./node_modules/@wordpress/media-utils/build-module/components/media-upload/index.js
    65. 

  65. /**
    66. 

  66.  * External dependencies
    67. 

  67.  */
    68. 

  68. 

  69. /**
    70. 

  70.  * WordPress dependencies
    71. 

  71.  */
    72. 

  72. 

  73. 

  74. 

  75. const {
    76. 

  76.   wp
    77. 

  77. } = window;
    78. 

  78. const DEFAULT_EMPTY_GALLERY = [];
    79. 

  79. /**
    80. 

  80.  * Prepares the Featured Image toolbars and frames.
    81. 

  81.  *
    82. 

  82.  * @return {wp.media.view.MediaFrame.Select} The default media workflow.
    83. 

  83.  */
    84. 

  84. 

  85. const getFeaturedImageMediaFrame = () => {
    86. 

  86.   return wp.media.view.MediaFrame.Select.extend({
    87. 

  87.     /**
    88. 

  88.      * Enables the Set Featured Image Button.
    89. 

  89.      *
    90. 

  90.      * @param {Object} toolbar toolbar for featured image state
    91. 

  91.      * @return {void}
    92. 

  92.      */
    93. 

  93.     featuredImageToolbar(toolbar) {
    94. 

  94.       this.createSelectToolbar(toolbar, {
    95. 

  95.         text: wp.media.view.l10n.setFeaturedImage,
    96. 

  96.         state: this.options.state
    97. 

  97.       });
    98. 

  98.     },
    99. 

  99. 

  100.     /**
    101. 

  101.      * Handle the edit state requirements of selected media item.
    102. 

  102.      *
    103. 

  103.      * @return {void}
    104. 

  104.      */
    105. 

  105.     editState() {
    106. 

  106.       const selection = this.state('featured-image').get('selection');
    107. 

  107.       const view = new wp.media.view.EditImage({
    108. 

  108.         model: selection.single(),
    109. 

  109.         controller: this
    110. 

  110.       }).render(); // Set the view to the EditImage frame using the selected image.
    111. 

  111. 

  112.       this.content.set(view); // After bringing in the frame, load the actual editor via an ajax call.
    113. 

  113. 

  114.       view.loadEditor();
    115. 

  115.     },
    116. 

  116. 

  117.     /**
    118. 

  118.      * Create the default states.
    119. 

  119.      *
    120. 

  120.      * @return {void}
    121. 

  121.      */
    122. 

  122.     createStates: function createStates() {
    123. 

  123.       this.on('toolbar:create:featured-image', this.featuredImageToolbar, this);
    124. 

  124.       this.on('content:render:edit-image', this.editState, this);
    125. 

  125.       this.states.add([new wp.media.controller.FeaturedImage(), new wp.media.controller.EditImage({
    126. 

  126.         model: this.options.editImage
    127. 

  127.       })]);
    128. 

  128.     }
    129. 

  129.   });
    130. 

  130. };
    131. 

  131. /**
    132. 

  132.  * Prepares the Gallery toolbars and frames.
    133. 

  133.  *
    134. 

  134.  * @return {wp.media.view.MediaFrame.Post} The default media workflow.
    135. 

  135.  */
    136. 

  136. 

  137. 

  138. const getGalleryDetailsMediaFrame = () => {
    139. 

  139.   /**
    140. 

  140.    * Custom gallery details frame.
    141. 

  141.    *
    142. 

  142.    * @see https://github.com/xwp/wp-core-media-widgets/blob/905edbccfc2a623b73a93dac803c5335519d7837/wp-admin/js/widgets/media-gallery-widget.js
    143. 

  143.    * @class GalleryDetailsMediaFrame
    144. 

  144.    * @class
    145. 

  145.    */
    146. 

  146.   return wp.media.view.MediaFrame.Post.extend({
    147. 

  147.     /**
    148. 

  148.      * Set up gallery toolbar.
    149. 

  149.      *
    150. 

  150.      * @return {void}
    151. 

  151.      */
    152. 

  152.     galleryToolbar() {
    153. 

  153.       const editing = this.state().get('editing');
    154. 

  154.       this.toolbar.set(new wp.media.view.Toolbar({
    155. 

  155.         controller: this,
    156. 

  156.         items: {
    157. 

  157.           insert: {
    158. 

  158.             style: 'primary',
    159. 

  159.             text: editing ? wp.media.view.l10n.updateGallery : wp.media.view.l10n.insertGallery,
    160. 

  160.             priority: 80,
    161. 

  161.             requires: {
    162. 

  162.               library: true
    163. 

  163.             },
    164. 

  164. 

  165.             /**
    166. 

  166.              * @fires wp.media.controller.State#update
    167. 

  167.              */
    168. 

  168.             click() {
    169. 

  169.               const controller = this.controller,
    170. 

  170.                     state = controller.state();
    171. 

  171.               controller.close();
    172. 

  172.               state.trigger('update', state.get('library')); // Restore and reset the default state.
    173. 

  173. 

  174.               controller.setState(controller.options.state);
    175. 

  175.               controller.reset();
    176. 

  176.             }
    177. 

  177. 

  178.           }
    179. 

  179.         }
    180. 

  180.       }));
    181. 

  181.     },
    182. 

  182. 

  183.     /**
    184. 

  184.      * Handle the edit state requirements of selected media item.
    185. 

  185.      *
    186. 

  186.      * @return {void}
    187. 

  187.      */
    188. 

  188.     editState() {
    189. 

  189.       const selection = this.state('gallery').get('selection');
    190. 

  190.       const view = new wp.media.view.EditImage({
    191. 

  191.         model: selection.single(),
    192. 

  192.         controller: this
    193. 

  193.       }).render(); // Set the view to the EditImage frame using the selected image.
    194. 

  194. 

  195.       this.content.set(view); // After bringing in the frame, load the actual editor via an ajax call.
    196. 

  196. 

  197.       view.loadEditor();
    198. 

  198.     },
    199. 

  199. 

  200.     /**
    201. 

  201.      * Create the default states.
    202. 

  202.      *
    203. 

  203.      * @return {void}
    204. 

  204.      */
    205. 

  205.     createStates: function createStates() {
    206. 

  206.       this.on('toolbar:create:main-gallery', this.galleryToolbar, this);
    207. 

  207.       this.on('content:render:edit-image', this.editState, this);
    208. 

  208.       this.states.add([new wp.media.controller.Library({
    209. 

  209.         id: 'gallery',
    210. 

  210.         title: wp.media.view.l10n.createGalleryTitle,
    211. 

  211.         priority: 40,
    212. 

  212.         toolbar: 'main-gallery',
    213. 

  213.         filterable: 'uploaded',
    214. 

  214.         multiple: 'add',
    215. 

  215.         editable: false,
    216. 

  216.         library: wp.media.query((0,external_lodash_namespaceObject.defaults)({
    217. 

  217.           type: 'image'
    218. 

  218.         }, this.options.library))
    219. 

  219.       }), new wp.media.controller.EditImage({
    220. 

  220.         model: this.options.editImage
    221. 

  221.       }), new wp.media.controller.GalleryEdit({
    222. 

  222.         library: this.options.selection,
    223. 

  223.         editing: this.options.editing,
    224. 

  224.         menu: 'gallery',
    225. 

  225.         displaySettings: false,
    226. 

  226.         multiple: true
    227. 

  227.       }), new wp.media.controller.GalleryAdd()]);
    228. 

  228.     }
    229. 

  229.   });
    230. 

  230. }; // The media library image object contains numerous attributes
    231. 

  231. // we only need this set to display the image in the library.
    232. 

  232. 

  233. 

  234. const slimImageObject = img => {
    235. 

  235.   const attrSet = ['sizes', 'mime', 'type', 'subtype', 'id', 'url', 'alt', 'link', 'caption'];
    236. 

  236.   return (0,external_lodash_namespaceObject.pick)(img, attrSet);
    237. 

  237. };
    238. 

  238. 

  239. const getAttachmentsCollection = ids => {
    240. 

  240.   return wp.media.query({
    241. 

  241.     order: 'ASC',
    242. 

  242.     orderby: 'post__in',
    243. 

  243.     post__in: ids,
    244. 

  244.     posts_per_page: -1,
    245. 

  245.     query: true,
    246. 

  246.     type: 'image'
    247. 

  247.   });
    248. 

  248. };
    249. 

  249. 

  250. class MediaUpload extends external_wp_element_namespaceObject.Component {
    251. 

  251.   constructor(_ref) {
    252. 

  252.     let {
    253. 

  253.       allowedTypes,
    254. 

  254.       gallery = false,
    255. 

  255.       unstableFeaturedImageFlow = false,
    256. 

  256.       modalClass,
    257. 

  257.       multiple = false,
    258. 

  258.       title = (0,external_wp_i18n_namespaceObject.__)('Select or Upload Media')
    259. 

  259.     } = _ref;
    260. 

  260.     super(...arguments);
    261. 

  261.     this.openModal = this.openModal.bind(this);
    262. 

  262.     this.onOpen = this.onOpen.bind(this);
    263. 

  263.     this.onSelect = this.onSelect.bind(this);
    264. 

  264.     this.onUpdate = this.onUpdate.bind(this);
    265. 

  265.     this.onClose = this.onClose.bind(this);
    266. 

  266. 

  267.     if (gallery) {
    268. 

  268.       this.buildAndSetGalleryFrame();
    269. 

  269.     } else {
    270. 

  270.       const frameConfig = {
    271. 

  271.         title,
    272. 

  272.         multiple
    273. 

  273.       };
    274. 

  274. 

  275.       if (!!allowedTypes) {
    276. 

  276.         frameConfig.library = {
    277. 

  277.           type: allowedTypes
    278. 

  278.         };
    279. 

  279.       }
    280. 

  280. 

  281.       this.frame = wp.media(frameConfig);
    282. 

  282.     }
    283. 

  283. 

  284.     if (modalClass) {
    285. 

  285.       this.frame.$el.addClass(modalClass);
    286. 

  286.     }
    287. 

  287. 

  288.     if (unstableFeaturedImageFlow) {
    289. 

  289.       this.buildAndSetFeatureImageFrame();
    290. 

  290.     }
    291. 

  291. 

  292.     this.initializeListeners();
    293. 

  293.   }
    294. 

  294. 

  295.   initializeListeners() {
    296. 

  296.     // When an image is selected in the media frame...
    297. 

  297.     this.frame.on('select', this.onSelect);
    298. 

  298.     this.frame.on('update', this.onUpdate);
    299. 

  299.     this.frame.on('open', this.onOpen);
    300. 

  300.     this.frame.on('close', this.onClose);
    301. 

  301.   }
    302. 

  302.   /**
    303. 

  303.    * Sets the Gallery frame and initializes listeners.
    304. 

  304.    *
    305. 

  305.    * @return {void}
    306. 

  306.    */
    307. 

  307. 

  308. 

  309.   buildAndSetGalleryFrame() {
    310. 

  310.     const {
    311. 

  311.       addToGallery = false,
    312. 

  312.       allowedTypes,
    313. 

  313.       multiple = false,
    314. 

  314.       value = DEFAULT_EMPTY_GALLERY
    315. 

  315.     } = this.props; // If the value did not changed there is no need to rebuild the frame,
    316. 

  316.     // we can continue to use the existing one.
    317. 

  317. 

  318.     if (value === this.lastGalleryValue) {
    319. 

  319.       return;
    320. 

  320.     }
    321. 

  321. 

  322.     this.lastGalleryValue = value; // If a frame already existed remove it.
    323. 

  323. 

  324.     if (this.frame) {
    325. 

  325.       this.frame.remove();
    326. 

  326.     }
    327. 

  327. 

  328.     let currentState;
    329. 

  329. 

  330.     if (addToGallery) {
    331. 

  331.       currentState = 'gallery-library';
    332. 

  332.     } else {
    333. 

  333.       currentState = value && value.length ? 'gallery-edit' : 'gallery';
    334. 

  334.     }
    335. 

  335. 

  336.     if (!this.GalleryDetailsMediaFrame) {
    337. 

  337.       this.GalleryDetailsMediaFrame = getGalleryDetailsMediaFrame();
    338. 

  338.     }
    339. 

  339. 

  340.     const attachments = getAttachmentsCollection(value);
    341. 

  341.     const selection = new wp.media.model.Selection(attachments.models, {
    342. 

  342.       props: attachments.props.toJSON(),
    343. 

  343.       multiple
    344. 

  344.     });
    345. 

  345.     this.frame = new this.GalleryDetailsMediaFrame({
    346. 

  346.       mimeType: allowedTypes,
    347. 

  347.       state: currentState,
    348. 

  348.       multiple,
    349. 

  349.       selection,
    350. 

  350.       editing: value && value.length ? true : false
    351. 

  351.     });
    352. 

  352.     wp.media.frame = this.frame;
    353. 

  353.     this.initializeListeners();
    354. 

  354.   }
    355. 

  355.   /**
    356. 

  356.    * Initializes the Media Library requirements for the featured image flow.
    357. 

  357.    *
    358. 

  358.    * @return {void}
    359. 

  359.    */
    360. 

  360. 

  361. 

  362.   buildAndSetFeatureImageFrame() {
    363. 

  363.     const featuredImageFrame = getFeaturedImageMediaFrame();
    364. 

  364.     const attachments = getAttachmentsCollection(this.props.value);
    365. 

  365.     const selection = new wp.media.model.Selection(attachments.models, {
    366. 

  366.       props: attachments.props.toJSON()
    367. 

  367.     });
    368. 

  368.     this.frame = new featuredImageFrame({
    369. 

  369.       mimeType: this.props.allowedTypes,
    370. 

  370.       state: 'featured-image',
    371. 

  371.       multiple: this.props.multiple,
    372. 

  372.       selection,
    373. 

  373.       editing: this.props.value ? true : false
    374. 

  374.     });
    375. 

  375.     wp.media.frame = this.frame;
    376. 

  376.   }
    377. 

  377. 

  378.   componentWillUnmount() {
    379. 

  379.     this.frame.remove();
    380. 

  380.   }
    381. 

  381. 

  382.   onUpdate(selections) {
    383. 

  383.     const {
    384. 

  384.       onSelect,
    385. 

  385.       multiple = false
    386. 

  386.     } = this.props;
    387. 

  387.     const state = this.frame.state();
    388. 

  388.     const selectedImages = selections || state.get('selection');
    389. 

  389. 

  390.     if (!selectedImages || !selectedImages.models.length) {
    391. 

  391.       return;
    392. 

  392.     }
    393. 

  393. 

  394.     if (multiple) {
    395. 

  395.       onSelect(selectedImages.models.map(model => slimImageObject(model.toJSON())));
    396. 

  396.     } else {
    397. 

  397.       onSelect(slimImageObject(selectedImages.models[0].toJSON()));
    398. 

  398.     }
    399. 

  399.   }
    400. 

  400. 

  401.   onSelect() {
    402. 

  402.     const {
    403. 

  403.       onSelect,
    404. 

  404.       multiple = false
    405. 

  405.     } = this.props; // Get media attachment details from the frame state.
    406. 

  406. 

  407.     const attachment = this.frame.state().get('selection').toJSON();
    408. 

  408.     onSelect(multiple ? attachment : attachment[0]);
    409. 

  409.   }
    410. 

  410. 

  411.   onOpen() {
    412. 

  412.     var _this$props$value;
    413. 

  413. 

  414.     this.updateCollection(); // Handle both this.props.value being either (number[]) multiple ids
    415. 

  415.     // (for galleries) or a (number) singular id (e.g. image block).
    416. 

  416. 

  417.     const hasMedia = Array.isArray(this.props.value) ? !!((_this$props$value = this.props.value) !== null && _this$props$value !== void 0 && _this$props$value.length) : !!this.props.value;
    418. 

  418. 

  419.     if (!hasMedia) {
    420. 

  420.       return;
    421. 

  421.     }
    422. 

  422. 

  423.     const isGallery = this.props.gallery;
    424. 

  424.     const selection = this.frame.state().get('selection');
    425. 

  425. 

  426.     if (!isGallery) {
    427. 

  427.       (0,external_lodash_namespaceObject.castArray)(this.props.value).forEach(id => {
    428. 

  428.         selection.add(wp.media.attachment(id));
    429. 

  429.       });
    430. 

  430.     } // Load the images so they are available in the media modal.
    431. 

  431. 

  432. 

  433.     const attachments = getAttachmentsCollection((0,external_lodash_namespaceObject.castArray)(this.props.value)); // Once attachments are loaded, set the current selection.
    434. 

  434. 

  435.     attachments.more().done(function () {
    436. 

  436.       var _attachments$models;
    437. 

  437. 

  438.       if (isGallery && attachments !== null && attachments !== void 0 && (_attachments$models = attachments.models) !== null && _attachments$models !== void 0 && _attachments$models.length) {
    439. 

  439.         selection.add(attachments.models);
    440. 

  440.       }
    441. 

  441.     });
    442. 

  442.   }
    443. 

  443. 

  444.   onClose() {
    445. 

  445.     const {
    446. 

  446.       onClose
    447. 

  447.     } = this.props;
    448. 

  448. 

  449.     if (onClose) {
    450. 

  450.       onClose();
    451. 

  451.     }
    452. 

  452.   }
    453. 

  453. 

  454.   updateCollection() {
    455. 

  455.     const frameContent = this.frame.content.get();
    456. 

  456. 

  457.     if (frameContent && frameContent.collection) {
    458. 

  458.       const collection = frameContent.collection; // Clean all attachments we have in memory.
    459. 

  459. 

  460.       collection.toArray().forEach(model => model.trigger('destroy', model)); // Reset has more flag, if library had small amount of items all items may have been loaded before.
    461. 

  461. 

  462.       collection.mirroring._hasMore = true; // Request items.
    463. 

  463. 

  464.       collection.more();
    465. 

  465.     }
    466. 

  466.   }
    467. 

  467. 

  468.   openModal() {
    469. 

  469.     if (this.props.gallery) {
    470. 

  470.       this.buildAndSetGalleryFrame();
    471. 

  471.     }
    472. 

  472. 

  473.     this.frame.open();
    474. 

  474.   }
    475. 

  475. 

  476.   render() {
    477. 

  477.     return this.props.render({
    478. 

  478.       open: this.openModal
    479. 

  479.     });
    480. 

  480.   }
    481. 

  481. 

  482. }
    483. 

  483. 

  484. /* harmony default export */ var media_upload = (MediaUpload);
    485. 

  485. 

  486. ;// CONCATENATED MODULE: ./node_modules/@wordpress/media-utils/build-module/components/index.js
    487. 

  487. 

  488. 

  489. ;// CONCATENATED MODULE: external ["wp","apiFetch"]
    490. 

  490. var external_wp_apiFetch_namespaceObject = window["wp"]["apiFetch"];
    491. 

  491. var external_wp_apiFetch_default = /*#__PURE__*/__webpack_require__.n(external_wp_apiFetch_namespaceObject);
    492. 

  492. ;// CONCATENATED MODULE: external ["wp","blob"]
    493. 

  493. var external_wp_blob_namespaceObject = window["wp"]["blob"];
    494. 

  494. ;// CONCATENATED MODULE: ./node_modules/@wordpress/media-utils/build-module/utils/upload-media.js
    495. 

  495. 

  496. 

  497. /**
    498. 

  498.  * External dependencies
    499. 

  499.  */
    500. 

  500. 

  501. /**
    502. 

  502.  * WordPress dependencies
    503. 

  503.  */
    504. 

  504. 

  505. 

  506. 

  507. 

  508. /**
    509. 

  509.  * Browsers may use unexpected mime types, and they differ from browser to browser.
    510. 

  510.  * This function computes a flexible array of mime types from the mime type structured provided by the server.
    511. 

  511.  * Converts { jpg|jpeg|jpe: "image/jpeg" } into [ "image/jpeg", "image/jpg", "image/jpeg", "image/jpe" ]
    512. 

  512.  * The computation of this array instead of directly using the object,
    513. 

  513.  * solves the problem in chrome where mp3 files have audio/mp3 as mime type instead of audio/mpeg.
    514. 

  514.  * https://bugs.chromium.org/p/chromium/issues/detail?id=227004
    515. 

  515.  *
    516. 

  516.  * @param {?Object} wpMimeTypesObject Mime type object received from the server.
    517. 

  517.  *                                    Extensions are keys separated by '|' and values are mime types associated with an extension.
    518. 

  518.  *
    519. 

  519.  * @return {?Array} An array of mime types or the parameter passed if it was "falsy".
    520. 

  520.  */
    521. 

  521. 

  522. function getMimeTypesArray(wpMimeTypesObject) {
    523. 

  523.   if (!wpMimeTypesObject) {
    524. 

  524.     return wpMimeTypesObject;
    525. 

  525.   }
    526. 

  526. 

  527.   return (0,external_lodash_namespaceObject.flatMap)(wpMimeTypesObject, (mime, extensionsString) => {
    528. 

  528.     const [type] = mime.split('/');
    529. 

  529.     const extensions = extensionsString.split('|');
    530. 

  530.     return [mime, ...(0,external_lodash_namespaceObject.map)(extensions, extension => `${type}/${extension}`)];
    531. 

  531.   });
    532. 

  532. }
    533. 

  533. /**
    534. 

  534.  *	Media Upload is used by audio, image, gallery, video, and file blocks to
    535. 

  535.  *	handle uploading a media file when a file upload button is activated.
    536. 

  536.  *
    537. 

  537.  *	TODO: future enhancement to add an upload indicator.
    538. 

  538.  *
    539. 

  539.  * @param {Object}   $0                    Parameters object passed to the function.
    540. 

  540.  * @param {?Array}   $0.allowedTypes       Array with the types of media that can be uploaded, if unset all types are allowed.
    541. 

  541.  * @param {?Object}  $0.additionalData     Additional data to include in the request.
    542. 

  542.  * @param {Array}    $0.filesList          List of files.
    543. 

  543.  * @param {?number}  $0.maxUploadFileSize  Maximum upload size in bytes allowed for the site.
    544. 

  544.  * @param {Function} $0.onError            Function called when an error happens.
    545. 

  545.  * @param {Function} $0.onFileChange       Function called each time a file or a temporary representation of the file is available.
    546. 

  546.  * @param {?Object}  $0.wpAllowedMimeTypes List of allowed mime types and file extensions.
    547. 

  547.  */
    548. 

  548. 

  549. async function uploadMedia(_ref) {
    550. 

  550.   let {
    551. 

  551.     allowedTypes,
    552. 

  552.     additionalData = {},
    553. 

  553.     filesList,
    554. 

  554.     maxUploadFileSize,
    555. 

  555.     onError = external_lodash_namespaceObject.noop,
    556. 

  556.     onFileChange,
    557. 

  557.     wpAllowedMimeTypes = null
    558. 

  558.   } = _ref;
    559. 

  559.   // Cast filesList to array.
    560. 

  560.   const files = [...filesList];
    561. 

  561.   const filesSet = [];
    562. 

  562. 

  563.   const setAndUpdateFiles = (idx, value) => {
    564. 

  564.     (0,external_wp_blob_namespaceObject.revokeBlobURL)((0,external_lodash_namespaceObject.get)(filesSet, [idx, 'url']));
    565. 

  565.     filesSet[idx] = value;
    566. 

  566.     onFileChange((0,external_lodash_namespaceObject.compact)(filesSet));
    567. 

  567.   }; // Allowed type specified by consumer.
    568. 

  568. 

  569. 

  570.   const isAllowedType = fileType => {
    571. 

  571.     if (!allowedTypes) {
    572. 

  572.       return true;
    573. 

  573.     }
    574. 

  574. 

  575.     return (0,external_lodash_namespaceObject.some)(allowedTypes, allowedType => {
    576. 

  576.       // If a complete mimetype is specified verify if it matches exactly the mime type of the file.
    577. 

  577.       if ((0,external_lodash_namespaceObject.includes)(allowedType, '/')) {
    578. 

  578.         return allowedType === fileType;
    579. 

  579.       } // Otherwise a general mime type is used and we should verify if the file mimetype starts with it.
    580. 

  580. 

  581. 

  582.       return (0,external_lodash_namespaceObject.startsWith)(fileType, `${allowedType}/`);
    583. 

  583.     });
    584. 

  584.   }; // Allowed types for the current WP_User.
    585. 

  585. 

  586. 

  587.   const allowedMimeTypesForUser = getMimeTypesArray(wpAllowedMimeTypes);
    588. 

  588. 

  589.   const isAllowedMimeTypeForUser = fileType => {
    590. 

  590.     return (0,external_lodash_namespaceObject.includes)(allowedMimeTypesForUser, fileType);
    591. 

  591.   }; // Build the error message including the filename.
    592. 

  592. 

  593. 

  594.   const triggerError = error => {
    595. 

  595.     error.message = [(0,external_wp_element_namespaceObject.createElement)("strong", {
    596. 

  596.       key: "filename"
    597. 

  597.     }, error.file.name), ': ', error.message];
    598. 

  598.     onError(error);
    599. 

  599.   };
    600. 

  600. 

  601.   const validFiles = [];
    602. 

  602. 

  603.   for (const mediaFile of files) {
    604. 

  604.     // Verify if user is allowed to upload this mime type.
    605. 

  605.     // Defer to the server when type not detected.
    606. 

  606.     if (allowedMimeTypesForUser && mediaFile.type && !isAllowedMimeTypeForUser(mediaFile.type)) {
    607. 

  607.       triggerError({
    608. 

  608.         code: 'MIME_TYPE_NOT_ALLOWED_FOR_USER',
    609. 

  609.         message: (0,external_wp_i18n_namespaceObject.__)('Sorry, you are not allowed to upload this file type.'),
    610. 

  610.         file: mediaFile
    611. 

  611.       });
    612. 

  612.       continue;
    613. 

  613.     } // Check if the block supports this mime type.
    614. 

  614.     // Defer to the server when type not detected.
    615. 

  615. 

  616. 

  617.     if (mediaFile.type && !isAllowedType(mediaFile.type)) {
    618. 

  618.       triggerError({
    619. 

  619.         code: 'MIME_TYPE_NOT_SUPPORTED',
    620. 

  620.         message: (0,external_wp_i18n_namespaceObject.__)('Sorry, this file type is not supported here.'),
    621. 

  621.         file: mediaFile
    622. 

  622.       });
    623. 

  623.       continue;
    624. 

  624.     } // Verify if file is greater than the maximum file upload size allowed for the site.
    625. 

  625. 

  626. 

  627.     if (maxUploadFileSize && mediaFile.size > maxUploadFileSize) {
    628. 

  628.       triggerError({
    629. 

  629.         code: 'SIZE_ABOVE_LIMIT',
    630. 

  630.         message: (0,external_wp_i18n_namespaceObject.__)('This file exceeds the maximum upload size for this site.'),
    631. 

  631.         file: mediaFile
    632. 

  632.       });
    633. 

  633.       continue;
    634. 

  634.     } // Don't allow empty files to be uploaded.
    635. 

  635. 

  636. 

  637.     if (mediaFile.size <= 0) {
    638. 

  638.       triggerError({
    639. 

  639.         code: 'EMPTY_FILE',
    640. 

  640.         message: (0,external_wp_i18n_namespaceObject.__)('This file is empty.'),
    641. 

  641.         file: mediaFile
    642. 

  642.       });
    643. 

  643.       continue;
    644. 

  644.     }
    645. 

  645. 

  646.     validFiles.push(mediaFile); // Set temporary URL to create placeholder media file, this is replaced
    647. 

  647.     // with final file from media gallery when upload is `done` below.
    648. 

  648. 

  649.     filesSet.push({
    650. 

  650.       url: (0,external_wp_blob_namespaceObject.createBlobURL)(mediaFile)
    651. 

  651.     });
    652. 

  652.     onFileChange(filesSet);
    653. 

  653.   }
    654. 

  654. 

  655.   for (let idx = 0; idx < validFiles.length; ++idx) {
    656. 

  656.     const mediaFile = validFiles[idx];
    657. 

  657. 

  658.     try {
    659. 

  659.       const savedMedia = await createMediaFromFile(mediaFile, additionalData);
    660. 

  660.       const mediaObject = { ...(0,external_lodash_namespaceObject.omit)(savedMedia, ['alt_text', 'source_url']),
    661. 

  661.         alt: savedMedia.alt_text,
    662. 

  662.         caption: (0,external_lodash_namespaceObject.get)(savedMedia, ['caption', 'raw'], ''),
    663. 

  663.         title: savedMedia.title.raw,
    664. 

  664.         url: savedMedia.source_url
    665. 

  665.       };
    666. 

  666.       setAndUpdateFiles(idx, mediaObject);
    667. 

  667.     } catch (error) {
    668. 

  668.       // Reset to empty on failure.
    669. 

  669.       setAndUpdateFiles(idx, null);
    670. 

  670.       let message;
    671. 

  671. 

  672.       if ((0,external_lodash_namespaceObject.has)(error, ['message'])) {
    673. 

  673.         message = (0,external_lodash_namespaceObject.get)(error, ['message']);
    674. 

  674.       } else {
    675. 

  675.         message = (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: file name
    676. 

  676.         (0,external_wp_i18n_namespaceObject.__)('Error while uploading file %s to the media library.'), mediaFile.name);
    677. 

  677.       }
    678. 

  678. 

  679.       onError({
    680. 

  680.         code: 'GENERAL',
    681. 

  681.         message,
    682. 

  682.         file: mediaFile
    683. 

  683.       });
    684. 

  684.     }
    685. 

  685.   }
    686. 

  686. }
    687. 

  687. /**
    688. 

  688.  * @param {File}    file           Media File to Save.
    689. 

  689.  * @param {?Object} additionalData Additional data to include in the request.
    690. 

  690.  *
    691. 

  691.  * @return {Promise} Media Object Promise.
    692. 

  692.  */
    693. 

  693. 

  694. function createMediaFromFile(file, additionalData) {
    695. 

  695.   // Create upload payload.
    696. 

  696.   const data = new window.FormData();
    697. 

  697.   data.append('file', file, file.name || file.type.replace('/', '.'));
    698. 

  698.   (0,external_lodash_namespaceObject.forEach)(additionalData, (value, key) => data.append(key, value));
    699. 

  699.   return external_wp_apiFetch_default()({
    700. 

  700.     path: '/wp/v2/media',
    701. 

  701.     body: data,
    702. 

  702.     method: 'POST'
    703. 

  703.   });
    704. 

  704. }
    705. 

  705. 

  706. ;// CONCATENATED MODULE: ./node_modules/@wordpress/media-utils/build-module/utils/index.js
    707. 

  707. 

  708. 

  709. ;// CONCATENATED MODULE: ./node_modules/@wordpress/media-utils/build-module/index.js
    710. 

  710. 

  711. 

  712. 

  713. (window.wp = window.wp || {}).mediaUtils = __webpack_exports__;
    714. 

  714. /******/ })()
    715. 

  715. ;
    716.