Help/About: Update the 5.3 About page.
* Remove the SVG from the upper right corner.
* Make sure admin notices that should be hidden stay hidden.
* Address a11y issues with contrast.
* Fix an issue with the active nav tab hover.
* Prevent names on the credits from breaking out of the box.
* Update two strings with a more accurate information.
* Remove extra padding on the Credits tab.
Previously [46556], [46572], [46616].
Reviewed by SergeyBiryukov.
Props ryelle, afercia, audrasjb, francina, mapk, desrosj, YordanSoares, melchoyce, azaozz, johnbillion, davidbaumwald, luminuu, bwmarkle, la-geek, SergeyBiryukov.
Merges [46705] and [46709] to the 5.3 branch.
Fixes #47708.
Built from https://develop.svn.wordpress.org/branches/5.3@46710
git-svn-id: http://core.svn.wordpress.org/branches/5.3@46510 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2019-11-11 15:48:02 -05:00
|
|
|
.about__container{--background:#f4efe1;--subtle-background:#d7d2c5;--text:#413e38;--nav-background:#fefcf7;--nav-color:#716d64;--accent-1:#bd3854;--accent-2:#5f1b29;--accent-3:#321017}.about-php,.credits-php,.freedoms-php,.privacy-php{background:#fff}.about-php #wpcontent,.credits-php #wpcontent,.freedoms-php #wpcontent,.privacy-php #wpcontent{background:#fff;padding:0 24px}@media screen and (max-width:782px){.about-php.auto-fold #wpcontent,.credits-php.auto-fold #wpcontent,.freedoms-php.auto-fold #wpcontent,.privacy-php.auto-fold #wpcontent{padding-right:24px}}.about__container{max-width:1000px;margin:24px auto;clear:both}.about__container .alignleft{float:right}.about__container .alignright{float:left}.about__container .aligncenter{text-align:center}.about__container .is-vertically-aligned-top{-ms-grid-row-align:start;align-self:start}.about__container .is-vertically-aligned-center{-ms-grid-row-align:center;align-self:center}.about__container .is-vertically-aligned-bottom{-ms-grid-row-align:end;align-self:end}.about__section{background:#f4efe1;background:var(--background)}.about__container .has-accent-background-color{background-color:#bd3854;background-color:var(--accent-1)}.about__container .has-subtle-background-color{background-color:#d7d2c5;background-color:var(--subtle-background)}.about__section{margin:0}.about__section .column{padding:32px}.about__section .column.is-edge-to-edge{padding:0}.about__section .column p:last-of-type{margin-bottom:0}.about__section .is-section-header{margin-bottom:0;padding:32px 32px 0}.about__section.is-feature{padding:32px}.about__section.is-feature p{margin:0}.about__section.has-2-columns,.about__section.has-3-columns,.about__section.has-4-columns{display:-ms-grid;display:grid}.about__section.has-2-columns{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.about__section.has-2-columns.is-wider-right{-ms-grid-columns:1fr 2fr;grid-template-columns:1fr 2fr}.about__section.has-2-columns.is-wider-left{-ms-grid-columns:2fr 1fr;grid-template-columns:2fr 1fr}.about__section.has-2-columns .is-section-header{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:2;grid-column-end:span 2}.about__section.has-2-columns .column:nth-of-type(2n+1){-ms-grid-column:1;grid-column-start:1}.about__section.has-2-columns .column:nth-of-type(2n){-ms-grid-column:2;grid-column-start:2}.about__section.has-3-columns{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}.about__section.has-3-columns .is-section-header{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:3;grid-column-end:span 3}.about__section.has-3-columns .column:nth-of-type(3n+1){-ms-grid-column:1;grid-column-start:1}.about__section.has-3-columns .column:nth-of-type(3n+2){-ms-grid-column:2;grid-column-start:2}.about__section.has-3-columns .column:nth-of-type(3n){-ms-grid-column:3;grid-column-start:3}.about__section.has-4-columns{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}.about__section.has-4-columns .is-section-header{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:4;grid-column-end:span 4}.about__section.has-4-columns .column:nth-of-type(4n+1){-ms-grid-column:1;grid-column-start:1}.about__section.has-4-columns .column:nth-of-type(4n+2){-ms-grid-column:2;grid-column-start:2}.about__section.has-4-columns .column:nth-of-type(4n+3){-ms-grid-column:3;grid-column-start:3}.about__section.has-4-columns .column:nth-of-type(4n){-ms-grid-column:4;grid-column-start:4}.about__section.has-2-columns .is-section-header~.column,.about__section.has-3-columns .is-section-header~.column,.about__section.has-4-columns .is-section-header~.column{-ms-grid-row:2;grid-row-start:2}@media screen and (max-width:782px){.about__section.has-3-columns,.about__section.has-4-columns{display:block;padding-bottom:16px}.about__section.has-3-columns .column:nth-of-type(n),.about__section.has-4-columns .column:nth-of-type(n){padding-top:16px;padding-bottom:16px}}@media screen and (max-width:600px){.about__section.has-2-columns{display:flex;flex-wrap:wrap;align-content:stretch;padding-bottom:16px}.about__section.has-2-columns
|
