Help/About: Update the About header image.

When used inline, the SVG needs the `aria-hidden`, `focusable`, and `viewBox` properties for accessibility. Additionally, this optimizes the SVG by using `cirlce` elements in place of `path`, and removing `clipPath`. There is no visible change, but the file is now one-third the size.

Props sabernhardt.
See #56703, #56357.


Built from https://develop.svn.wordpress.org/trunk@54662


git-svn-id: http://core.svn.wordpress.org/trunk@54214 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
ryelle 2022-10-21 16:44:16 +00:00
parent 72469add22
commit 1f9aedf926
35 changed files with 35 additions and 35 deletions

View File

@ -788,7 +788,7 @@ div#wp-responsive-toggle a:before {
background-color: $dashboard-accent-1; background-color: $dashboard-accent-1;
} }
.welcome-panel-header-image path { .welcome-panel-header-image circle {
stroke: $dashboard-accent-2; stroke: $dashboard-accent-2;
fill: $dashboard-accent-1; fill: $dashboard-accent-1;
} }

View File

@ -710,7 +710,7 @@ div#wp-responsive-toggle a:before {
background-color: #096484; background-color: #096484;
} }
.welcome-panel-header-image path { .welcome-panel-header-image circle {
stroke: rgba(255, 255, 255, 0.5); stroke: rgba(255, 255, 255, 0.5);
fill: #096484; fill: #096484;
} }

File diff suppressed because one or more lines are too long

View File

@ -710,7 +710,7 @@ div#wp-responsive-toggle a:before {
background-color: #096484; background-color: #096484;
} }
.welcome-panel-header-image path { .welcome-panel-header-image circle {
stroke: rgba(255, 255, 255, 0.5); stroke: rgba(255, 255, 255, 0.5);
fill: #096484; fill: #096484;
} }

File diff suppressed because one or more lines are too long

View File

@ -677,7 +677,7 @@ div#wp-responsive-toggle a:before {
background-color: #c7a589; background-color: #c7a589;
} }
.welcome-panel-header-image path { .welcome-panel-header-image circle {
stroke: rgba(255, 255, 255, 0.5); stroke: rgba(255, 255, 255, 0.5);
fill: #c7a589; fill: #c7a589;
} }

File diff suppressed because one or more lines are too long

View File

@ -677,7 +677,7 @@ div#wp-responsive-toggle a:before {
background-color: #c7a589; background-color: #c7a589;
} }
.welcome-panel-header-image path { .welcome-panel-header-image circle {
stroke: rgba(255, 255, 255, 0.5); stroke: rgba(255, 255, 255, 0.5);
fill: #c7a589; fill: #c7a589;
} }

File diff suppressed because one or more lines are too long

View File

@ -710,7 +710,7 @@ div#wp-responsive-toggle a:before {
background-color: #523f6d; background-color: #523f6d;
} }
.welcome-panel-header-image path { .welcome-panel-header-image circle {
stroke: rgba(255, 255, 255, 0.5); stroke: rgba(255, 255, 255, 0.5);
fill: #523f6d; fill: #523f6d;
} }

File diff suppressed because one or more lines are too long

View File

@ -710,7 +710,7 @@ div#wp-responsive-toggle a:before {
background-color: #523f6d; background-color: #523f6d;
} }
.welcome-panel-header-image path { .welcome-panel-header-image circle {
stroke: rgba(255, 255, 255, 0.5); stroke: rgba(255, 255, 255, 0.5);
fill: #523f6d; fill: #523f6d;
} }

File diff suppressed because one or more lines are too long

View File

@ -710,7 +710,7 @@ div#wp-responsive-toggle a:before {
background-color: #04a4cc; background-color: #04a4cc;
} }
.welcome-panel-header-image path { .welcome-panel-header-image circle {
stroke: rgba(255, 255, 255, 0.5); stroke: rgba(255, 255, 255, 0.5);
fill: #04a4cc; fill: #04a4cc;
} }

File diff suppressed because one or more lines are too long

View File

@ -710,7 +710,7 @@ div#wp-responsive-toggle a:before {
background-color: #04a4cc; background-color: #04a4cc;
} }
.welcome-panel-header-image path { .welcome-panel-header-image circle {
stroke: rgba(255, 255, 255, 0.5); stroke: rgba(255, 255, 255, 0.5);
fill: #04a4cc; fill: #04a4cc;
} }

File diff suppressed because one or more lines are too long

View File

@ -710,7 +710,7 @@ div#wp-responsive-toggle a:before {
background-color: #69a8bb; background-color: #69a8bb;
} }
.welcome-panel-header-image path { .welcome-panel-header-image circle {
stroke: rgba(255, 255, 255, 0.5); stroke: rgba(255, 255, 255, 0.5);
fill: #69a8bb; fill: #69a8bb;
} }

File diff suppressed because one or more lines are too long

View File

@ -710,7 +710,7 @@ div#wp-responsive-toggle a:before {
background-color: #69a8bb; background-color: #69a8bb;
} }
.welcome-panel-header-image path { .welcome-panel-header-image circle {
stroke: rgba(255, 255, 255, 0.5); stroke: rgba(255, 255, 255, 0.5);
fill: #69a8bb; fill: #69a8bb;
} }

File diff suppressed because one or more lines are too long

View File

@ -710,7 +710,7 @@ div#wp-responsive-toggle a:before {
background-color: #273fcc; background-color: #273fcc;
} }
.welcome-panel-header-image path { .welcome-panel-header-image circle {
stroke: #627eff; stroke: #627eff;
fill: #273fcc; fill: #273fcc;
} }

File diff suppressed because one or more lines are too long

View File

@ -710,7 +710,7 @@ div#wp-responsive-toggle a:before {
background-color: #273fcc; background-color: #273fcc;
} }
.welcome-panel-header-image path { .welcome-panel-header-image circle {
stroke: #627eff; stroke: #627eff;
fill: #273fcc; fill: #273fcc;
} }

File diff suppressed because one or more lines are too long

View File

@ -677,7 +677,7 @@ div#wp-responsive-toggle a:before {
background-color: #9ebaa0; background-color: #9ebaa0;
} }
.welcome-panel-header-image path { .welcome-panel-header-image circle {
stroke: rgba(255, 255, 255, 0.5); stroke: rgba(255, 255, 255, 0.5);
fill: #9ebaa0; fill: #9ebaa0;
} }

File diff suppressed because one or more lines are too long

View File

@ -677,7 +677,7 @@ div#wp-responsive-toggle a:before {
background-color: #9ebaa0; background-color: #9ebaa0;
} }
.welcome-panel-header-image path { .welcome-panel-header-image circle {
stroke: rgba(255, 255, 255, 0.5); stroke: rgba(255, 255, 255, 0.5);
fill: #9ebaa0; fill: #9ebaa0;
} }

File diff suppressed because one or more lines are too long

View File

@ -710,7 +710,7 @@ div#wp-responsive-toggle a:before {
background-color: #dd823b; background-color: #dd823b;
} }
.welcome-panel-header-image path { .welcome-panel-header-image circle {
stroke: rgba(255, 255, 255, 0.5); stroke: rgba(255, 255, 255, 0.5);
fill: #dd823b; fill: #dd823b;
} }

File diff suppressed because one or more lines are too long

View File

@ -710,7 +710,7 @@ div#wp-responsive-toggle a:before {
background-color: #dd823b; background-color: #dd823b;
} }
.welcome-panel-header-image path { .welcome-panel-header-image circle {
stroke: rgba(255, 255, 255, 0.5); stroke: rgba(255, 255, 255, 0.5);
fill: #dd823b; fill: #dd823b;
} }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB

View File

@ -16,7 +16,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '6.2-alpha-54661'; $wp_version = '6.2-alpha-54662';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.