mirror of
https://github.com/gosticks/wordpress-develop.git
synced 2026-05-23 04:34:41 +00:00
Once upon a midnight dreary, while I coded, weak and weary,
In many a strange and curious file of forgotten lore—
While I pondered, blaming Nacin, my notifications suddenly awakened,
As of someone quietly DMing;—DMing me, I can’t ignore.
“’Tis some contributor,” I muttered, “DMing me an idea or four—
Only this and nothing more.”
Ah, distinctly I remember, at WordCamp US, last December;
A mad proposal nearly laid me—down out cold—upon the floor.
Curious, I listened closely;—to a plan I agreed with, mostly—
A way to make our JavaScript—JavaScript which was a chore—
Maintainable, extendable, for the future, is what I saw.
Guten-ready for evermore.
Open here I switch to Slack, when, with many a patch and hack,
In there stepped Omar, a JavaScript developer hardcore;
Pronouncing all the changes fit; ready now to be commit;
“There’s nothing else for us to do,” DMing me, “It’s done!” he swore—
“No longer random guessing at which file need next be explored—
Let’s move on, we’re all aboard.”
Moved all together, grouped and managed, in folders all is packaged,
The code had all been cleaned and tidied, important parts moved to the fore,
“Though this change be useful here,” I said, “it is too large, I fear,
We couldn’t manage such a patch, we’ve done nothing like this before—
Tell me where doth go this change, change to make our codebase soar!”
Quoth Omar, “In WordPress Core.”
Props omarreis for shepherding this significant change.
Props adamsilverstein, aduth, atimmer, dingo_bastard, frank-klein, gziolo, herregroen, jaswrks, jeremyfelt, jipmoors, jorbin, netweb, ocean90, pento, tjnowell, and youknowriad for testing, feedback, discussion, encouragement, commiserations, etc.
I make no apologies for this commit message.
Fixes #43055.
git-svn-id: https://develop.svn.wordpress.org/trunk@43309 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Gary Pendergast
@@ -168,9 +168,7 @@
|
||||
/* 1.2 - Structure */
|
||||
|
||||
.about-wrap [class$="-col"] {
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
@@ -191,7 +189,6 @@
|
||||
}
|
||||
|
||||
.about-wrap [class$="-col"] .col {
|
||||
-webkit-box-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
@@ -201,7 +198,6 @@
|
||||
}
|
||||
|
||||
.about-wrap .three-col .col {
|
||||
-webkit-align-self: flex-start;
|
||||
align-self: flex-start;
|
||||
min-width: 31%;
|
||||
max-width: 31%;
|
||||
@@ -381,22 +377,15 @@
|
||||
.about-wrap .floating-header-section .section-content {
|
||||
-ms-grid-column: 2;
|
||||
grid-column: 2;
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
justify-content: space-between;
|
||||
-webkit-box-align: start;
|
||||
align-items: flex-start;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
flex-flow: row wrap;
|
||||
-webkit-box-flex: 2;
|
||||
flex-grow: 2;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.about-wrap .floating-header-section .section-item {
|
||||
-webkit-box-flex: 1;
|
||||
flex-grow: 1;
|
||||
max-width: calc(50% - 30px);
|
||||
}
|
||||
@@ -425,7 +414,6 @@
|
||||
}
|
||||
|
||||
.about-wrap .floating-header-section.has-long-title .section-content {
|
||||
-webkit-box-pack: start;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
|
||||
@@ -597,12 +597,10 @@ ul#adminmenu > li.current > a.current:after {
|
||||
/* rtl:ignore */
|
||||
.folded #collapse-button .collapse-button-icon:after,
|
||||
.rtl #collapse-button .collapse-button-icon:after {
|
||||
-webkit-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.rtl.folded #collapse-button .collapse-button-icon:after {
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
@@ -728,12 +726,10 @@ li#wp-admin-bar-menu-toggle {
|
||||
|
||||
/* rtl:ignore */
|
||||
.auto-fold #collapse-button .collapse-button-icon:after {
|
||||
-webkit-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.rtl.auto-fold #collapse-button .collapse-button-icon:after {
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
|
||||
@@ -50,7 +50,6 @@
|
||||
|
||||
.wp-color-result:active {
|
||||
/* See Trac ticket #39662 */
|
||||
-webkit-transform: none !important;
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
|
||||
@@ -1116,7 +1116,6 @@ th.action-links {
|
||||
.wp-filter .button.drawer-toggle:active {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
@@ -1507,7 +1506,6 @@ div.error {
|
||||
.import-php .updating-message:before,
|
||||
.button.updating-message:before,
|
||||
.button.installing:before {
|
||||
-webkit-animation: rotation 2s infinite linear;
|
||||
animation: rotation 2s infinite linear;
|
||||
}
|
||||
|
||||
@@ -1689,7 +1687,6 @@ form.upgrade .hint {
|
||||
|
||||
#screen-meta-links .show-settings:active {
|
||||
box-shadow: none;
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
@@ -2478,7 +2475,6 @@ div.star-holder .star-rating {
|
||||
}
|
||||
|
||||
.rtl .star-rating .star-half {
|
||||
-webkit-transform: rotateY(180deg);
|
||||
transform: rotateY(180deg);
|
||||
}
|
||||
|
||||
@@ -2927,7 +2923,6 @@ div.action-links {
|
||||
margin: -10px 0 0 -10px;
|
||||
background: #fcfcfc url(../images/spinner.gif) no-repeat center;
|
||||
background-size: 20px 20px;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
|
||||
@@ -157,7 +157,6 @@ body:not(.ready) #customize-save-button-wrapper .save {
|
||||
font-size: 14px;
|
||||
width: 30px;
|
||||
float: left;
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
margin-top: 0;
|
||||
}
|
||||
@@ -634,9 +633,7 @@ body.trashing #publish-settings {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
transition: 0.18s -webkit-transform cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1), 0.18s -webkit-transform cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */
|
||||
transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */
|
||||
}
|
||||
|
||||
#customize-theme-controls .customize-pane-child.skip-transition {
|
||||
@@ -650,7 +647,6 @@ body.trashing #publish-settings {
|
||||
height: auto;
|
||||
max-height: none;
|
||||
overflow: auto;
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
@@ -662,13 +658,11 @@ body.trashing #publish-settings {
|
||||
height: 0;
|
||||
max-height: none;
|
||||
overflow: hidden;
|
||||
-webkit-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
#customize-theme-controls .customize-pane-child.open,
|
||||
#customize-theme-controls .customize-pane-child.current-panel {
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
@@ -680,7 +674,6 @@ body.trashing #publish-settings {
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
-webkit-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
@@ -1075,7 +1068,6 @@ p.customize-section-description {
|
||||
bottom: 0;
|
||||
z-index: 10;
|
||||
background: #eee;
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
@@ -1087,14 +1079,12 @@ p.customize-section-description {
|
||||
|
||||
#available-menu-items .new-content-item .create-item-input,
|
||||
.customize-control-dropdown-pages .new-content-item .create-item-input {
|
||||
-webkit-box-flex: 10;
|
||||
flex-grow: 10;
|
||||
}
|
||||
|
||||
#available-menu-items .new-content-item .add-content,
|
||||
.customize-control-dropdown-pages .new-content-item .add-content {
|
||||
margin: 2px 0 2px 6px;
|
||||
-webkit-box-flex: 10;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
@@ -1215,11 +1205,6 @@ p.customize-section-description {
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
@-webkit-keyframes customize-fade-in {
|
||||
0% { opacity: 0; }
|
||||
100% { opacity: 1; }
|
||||
}
|
||||
|
||||
@keyframes customize-fade-in {
|
||||
0% { opacity: 0; }
|
||||
100% { opacity: 1; }
|
||||
@@ -1232,7 +1217,6 @@ p.customize-section-description {
|
||||
}
|
||||
|
||||
#customize-controls .customize-control-notifications-container.has-overlay-notifications {
|
||||
-webkit-animation: customize-fade-in 0.5s;
|
||||
animation: customize-fade-in 0.5s;
|
||||
z-index: 30;
|
||||
}
|
||||
@@ -1506,62 +1490,31 @@ p.customize-section-description {
|
||||
|
||||
.customize-control-header .placeholder:hover .dice,
|
||||
.customize-control-header .header-view:hover > button.random .dice {
|
||||
-webkit-animation: dice-color-change 3s infinite;
|
||||
animation: dice-color-change 3s infinite;
|
||||
}
|
||||
|
||||
.button-see-me {
|
||||
-webkit-animation: bounce .7s 1;
|
||||
animation: bounce .7s 1;
|
||||
-webkit-transform-origin: center bottom;
|
||||
transform-origin: center bottom;
|
||||
}
|
||||
|
||||
@-webkit-keyframes bounce {
|
||||
from, 20%, 53%, 80%, to {
|
||||
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
}
|
||||
|
||||
40%, 43% {
|
||||
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
||||
-webkit-transform: translate3d(0, -12px, 0);
|
||||
}
|
||||
|
||||
70% {
|
||||
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
||||
-webkit-transform: translate3d(0, -6px, 0);
|
||||
}
|
||||
|
||||
90% {
|
||||
-webkit-transform: translate3d(0,-1px,0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bounce {
|
||||
from, 20%, 53%, 80%, to {
|
||||
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
||||
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
transform: translate3d(0,0,0);
|
||||
}
|
||||
|
||||
40%, 43% {
|
||||
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
||||
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
||||
-webkit-transform: translate3d(0, -12px, 0);
|
||||
transform: translate3d(0, -12px, 0);
|
||||
}
|
||||
|
||||
70% {
|
||||
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
||||
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
||||
-webkit-transform: translate3d(0, -6px, 0);
|
||||
transform: translate3d(0, -6px, 0);
|
||||
}
|
||||
|
||||
90% {
|
||||
-webkit-transform: translate3d(0,-1px,0);
|
||||
transform: translate3d(0,-1px,0);
|
||||
}
|
||||
}
|
||||
@@ -1831,7 +1784,6 @@ p.customize-section-description {
|
||||
background: #eee;
|
||||
border-color: #999;
|
||||
box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
|
||||
-webkit-transform: translateY(1px);
|
||||
transform: translateY(1px);
|
||||
}
|
||||
|
||||
@@ -1860,17 +1812,6 @@ p.customize-section-description {
|
||||
}
|
||||
|
||||
/* Adds a delay before fading in to avoid it "jumping" */
|
||||
@-webkit-keyframes themes-fade-in {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes themes-fade-in {
|
||||
0% {
|
||||
opacity: 0;
|
||||
@@ -1884,12 +1825,10 @@ p.customize-section-description {
|
||||
}
|
||||
|
||||
.control-panel-themes .customize-themes-full-container.animate {
|
||||
-webkit-animation: .6s themes-fade-in 1;
|
||||
animation: .6s themes-fade-in 1;
|
||||
}
|
||||
|
||||
.in-themes-panel:not(.animating) .control-panel-themes .filter-themes-count {
|
||||
-webkit-animation: .6s themes-fade-in 1;
|
||||
animation: .6s themes-fade-in 1;
|
||||
}
|
||||
|
||||
@@ -2575,7 +2514,6 @@ body.adding-widget .add-new-widget:hover,
|
||||
body.adding-widget .add-new-widget:before,
|
||||
.adding-menu-items .add-new-menu-item:before,
|
||||
#accordion-section-add_menu .add-new-menu-item.open:before {
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
|
||||
@@ -1352,26 +1352,20 @@ table.links-table {
|
||||
.focus-on #adminmenuback,
|
||||
.focus-on #adminmenuwrap {
|
||||
transition-duration: 0.6s;
|
||||
transition-property: -webkit-transform;
|
||||
transition-property: transform;
|
||||
transition-property: transform, -webkit-transform;
|
||||
transition-timing-function: ease-in-out;
|
||||
}
|
||||
|
||||
.focus-on #adminmenuback,
|
||||
.focus-on #adminmenuwrap {
|
||||
-webkit-transform: translateX( -100% );
|
||||
transform: translateX( -100% );
|
||||
}
|
||||
|
||||
.focus-off #adminmenuback,
|
||||
.focus-off #adminmenuwrap {
|
||||
-webkit-transform: translateX( 0 );
|
||||
transform: translateX( 0 );
|
||||
transition-duration: 0.2s;
|
||||
transition-property: -webkit-transform;
|
||||
transition-property: transform;
|
||||
transition-property: transform, -webkit-transform;
|
||||
transition-timing-function: ease-in-out;
|
||||
}
|
||||
|
||||
|
||||
@@ -834,13 +834,11 @@ table.form-table td .updated p {
|
||||
right: 10px;
|
||||
bottom: 9px;
|
||||
background: transparent;
|
||||
-webkit-transform: skew(20deg) rotate(6deg);
|
||||
transform: skew(20deg) rotate(6deg);
|
||||
box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
.pressthis-bookmarklet:hover:after {
|
||||
-webkit-transform: skew(20deg) rotate(9deg);
|
||||
transform: skew(20deg) rotate(9deg);
|
||||
box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
@@ -1204,7 +1202,6 @@ table.form-table td .updated p {
|
||||
.email-personal-data--sending::before {
|
||||
color: #f56e28;
|
||||
content: "\f463";
|
||||
-webkit-animation: rotation 2s infinite linear;
|
||||
animation: rotation 2s infinite linear;
|
||||
}
|
||||
|
||||
@@ -1569,24 +1566,11 @@ table.form-table td .updated p {
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes rotation {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotation {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1315,28 +1315,14 @@ ul.cat-checklist {
|
||||
|
||||
.plugin-card .updating-message:before {
|
||||
content: "\f463";
|
||||
-webkit-animation: rotation 2s infinite linear;
|
||||
animation: rotation 2s infinite linear;
|
||||
}
|
||||
|
||||
@-webkit-keyframes rotation {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotation {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -891,7 +891,6 @@ border color while dragging a file over the uploader drop area */
|
||||
margin: -10px 0 0 -10px;
|
||||
background: transparent url(../images/spinner.gif) no-repeat center;
|
||||
background-size: 20px 20px;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
|
||||
@@ -355,7 +355,6 @@ table.diff .diff-addedline ins {
|
||||
top: -20px;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
@@ -417,7 +416,6 @@ table.diff .diff-addedline ins {
|
||||
top: -20px;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
@@ -473,7 +471,6 @@ div.revisions-controls > .wp-slider > .ui-slider-handle {
|
||||
background: #eee;
|
||||
border-color: #999;
|
||||
box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
|
||||
-webkit-transform: translateY(1px);
|
||||
transform: translateY(1px);
|
||||
}
|
||||
|
||||
|
||||
@@ -230,7 +230,6 @@ body.js .theme-browser.search-loading {
|
||||
.theme-browser .theme .theme-actions {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
right: 0;
|
||||
padding: 10px 15px;
|
||||
@@ -1239,7 +1238,6 @@ div#custom-background-image img {
|
||||
}
|
||||
|
||||
.background-position-control .button-group:first-child > label:first-child .dashicons {
|
||||
-webkit-transform: rotate( 45deg );
|
||||
transform: rotate( 45deg );
|
||||
}
|
||||
|
||||
@@ -1248,7 +1246,6 @@ div#custom-background-image img {
|
||||
}
|
||||
|
||||
.background-position-control .button-group:first-child > label:last-child .dashicons {
|
||||
-webkit-transform: rotate( -45deg );
|
||||
transform: rotate( -45deg );
|
||||
}
|
||||
|
||||
@@ -1257,7 +1254,6 @@ div#custom-background-image img {
|
||||
}
|
||||
|
||||
.background-position-control .button-group:last-child > label:first-child .dashicons {
|
||||
-webkit-transform: rotate( -45deg );
|
||||
transform: rotate( -45deg );
|
||||
}
|
||||
|
||||
@@ -1266,7 +1262,6 @@ div#custom-background-image img {
|
||||
}
|
||||
|
||||
.background-position-control .button-group:last-child > label:last-child .dashicons {
|
||||
-webkit-transform: rotate( 45deg );
|
||||
transform: rotate( 45deg );
|
||||
}
|
||||
|
||||
@@ -1563,12 +1558,10 @@ body.full-overlay-active {
|
||||
/* rtl:ignore */
|
||||
.wp-full-overlay.collapsed .collapse-sidebar-arrow:before,
|
||||
.rtl .wp-full-overlay .collapse-sidebar-arrow:before {
|
||||
-webkit-transform: rotate(180.001deg);
|
||||
transform: rotate(180.001deg); /* Firefox: promoting to its own layer to trigger anti-aliasing */
|
||||
}
|
||||
|
||||
.rtl .wp-full-overlay.collapsed .collapse-sidebar-arrow:before {
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
@@ -1854,7 +1847,6 @@ body.full-overlay-active {
|
||||
top: 50%;
|
||||
z-index: -1;
|
||||
margin: -10px 0 0 -10px;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
background: transparent url(../images/spinner.gif) no-repeat center center;
|
||||
background-size: 20px 20px;
|
||||
|
||||
@@ -164,9 +164,7 @@
|
||||
}
|
||||
|
||||
.media-widget-gallery-preview {
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
-webkit-box-pack: start;
|
||||
justify-content: flex-start;
|
||||
flex-wrap: wrap;
|
||||
margin: -1.79104477%;
|
||||
@@ -221,11 +219,8 @@
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
justify-content: center;
|
||||
background-color: rgba( 0, 0, 0, .5 );
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user