vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2026-06-28 14:20:15 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Help/About: Iterate on the 5.7 About Page.

Browse Source 
Adds a more obviously interactive comparison for viewing the color scheme differences. Improvements on RTL and IE11. Update strings to be more clear and consistent. Switch to the CDN for loading images.

Props sarahricker, desrosj, melchoyce, SergeyBiryukov, tikifez, clorith, marybaum, audrasjb, francina, hellofromTonya.
Fixes #52693. See #52347.



git-svn-id: https://develop.svn.wordpress.org/trunk@50478 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Kelly Choyce-Dwan
2021-03-02 19:48:41 +00:00
parent 780e0ffd91
commit fdbffbd2bd
2 changed files with 117 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/wp-admin/css/about.css
View File

@@ -112,6 +112,11 @@
color: var(--text-light);
}
.about__container .has-accent-background-color a {
color: #fff;
color: var(--text-light);
}
.about__container .has-transparent-background-color {
background-color: transparent;
}
@@ -551,6 +556,11 @@
height: auto;
}
.about__container .about__image figcaption {
margin-top: 0.5em;
text-align: center;
}
.about__container .about__image .wp-video {
margin-left: auto;
margin-right: auto;
@@ -559,7 +569,6 @@
.about__container .about__image-comparison {
position: relative;
display: inline-block;
line-height: 0;
max-width: 100%;
}
@@ -575,29 +584,26 @@
}
.about__container .about__image-comparison-resize {
position: absolute;
position: absolute !important; /* Needed to override inline style on ResizableBox */
top: 0;
bottom: 0;
left: 0;
width: 50%;
max-width: 100%;
overflow: hidden;
resize: horizontal;
border-right: 2px solid white;
}
.about__container .about__image-comparison-resize:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: 0;
width: 20px;
height: 20px;
font-family: dashicons;
font-size: 20px;
line-height: 1;
.about__container .about__image-comparison.no-js .about__image-comparison-resize {
overflow: hidden;
border-right: 2px solid #007cba;
border-right: 2px solid var(--wp-admin-theme-color);
}
.about__container .about__image-comparison-resize .components-resizable-box__side-handle::before {
width: 4px;
right: calc(50% - 2px);
transition: none;
animation: none;
opacity: 1;
}
.about__container .about__image + h3 {