diff -r c7c34916027a -r 177826044cd9 wp/wp-admin/css/customize-controls-rtl.css --- a/wp/wp-admin/css/customize-controls-rtl.css Mon Oct 14 18:06:33 2019 +0200 +++ b/wp/wp-admin/css/customize-controls-rtl.css Mon Oct 14 18:28:13 2019 +0200 @@ -21,7 +21,7 @@ } #customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked { - background-color: rgba( 0, 0, 0, 0.7 ); + background-color: rgba(0, 0, 0, 0.7); padding: 25px; } @@ -34,7 +34,7 @@ padding: 25px 109px 25px 25px; position: relative; background: #fff; - box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); line-height: 1.5; overflow-y: auto; text-align: right; @@ -157,7 +157,6 @@ font-size: 14px; width: 30px; float: right; - -webkit-transform: none; transform: none; margin-top: 0; } @@ -393,7 +392,7 @@ position: absolute; z-index: 9; width: 100%; - box-shadow: 0 1px 0 rgba(0, 0, 0, .1); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); } #customize-controls .customize-section-title.is-in-view { @@ -431,7 +430,7 @@ #customize-controls .customize-info .preview-notice { font-size: 13px; - line-height: 24px; + line-height: 1.9; } #customize-controls .customize-pane-child .customize-section-title h3, @@ -534,9 +533,10 @@ background-color: #fff; border-bottom: 1px solid #ddd; border-right: 4px solid #fff; - transition: .15s color ease-in-out, - .15s background-color ease-in-out, - .15s border-color ease-in-out; + transition: + .15s color ease-in-out, + .15s background-color ease-in-out, + .15s border-color ease-in-out; } #customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title { @@ -634,9 +634,7 @@ 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 +648,6 @@ height: auto; max-height: none; overflow: auto; - -webkit-transform: none; transform: none; } @@ -662,13 +659,11 @@ 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 +675,6 @@ visibility: hidden; height: 0; overflow: hidden; - -webkit-transform: translateX(100%); transform: translateX(100%); } @@ -792,9 +786,10 @@ color: #444; text-align: right; cursor: pointer; - transition: color .15s ease-in-out, - border-color .15s ease-in-out, - background .15s ease-in-out; + transition: + color .15s ease-in-out, + border-color .15s ease-in-out, + background .15s ease-in-out; box-sizing: content-box; } @@ -812,9 +807,10 @@ border-right: 4px solid #fff; box-shadow: none; cursor: pointer; - transition: color .15s ease-in-out, - border-color .15s ease-in-out, - background .15s ease-in-out; + transition: + color .15s ease-in-out, + border-color .15s ease-in-out, + background .15s ease-in-out; } .customize-section-back { @@ -922,7 +918,7 @@ .customize-control select, .customize-control input[type="radio"], .customize-control input[type="checkbox"] { - line-height: 28px; + line-height: 2; } .customize-control input[type="text"], @@ -933,7 +929,7 @@ .customize-control input[type="tel"], .customize-control input[type="url"] { width: 100%; - line-height: 18px; + line-height: 1.3; margin: 0; } @@ -949,7 +945,7 @@ .customize-control select { width: 100%; height: 28px; - line-height: 28px; + line-height: 2; } .customize-control select[multiple] { @@ -959,7 +955,7 @@ .customize-control-title { display: block; font-size: 14px; - line-height: 24px; + line-height: 1.75; font-weight: 600; margin-bottom: 4px; } @@ -967,7 +963,7 @@ .customize-control-description { display: block; font-style: italic; - line-height: 18px; + line-height: 1.4; margin-top: 0; margin-bottom: 5px; } @@ -988,7 +984,7 @@ } .customize-control .customize-inside-control-row { - line-height: 20px; + line-height: 1.6; display: block; margin-right: 24px; padding-top: 6px; @@ -1008,7 +1004,7 @@ .customize-control-radio .customize-control-title { margin-bottom: 0; - line-height: 22px; + line-height: 1.6; } .customize-control-radio .customize-control-title + .customize-control-description { @@ -1075,7 +1071,6 @@ bottom: 0; z-index: 10; background: #eee; - display: -webkit-box; display: flex; } @@ -1087,14 +1082,12 @@ #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 6px 2px 0; - -webkit-box-flex: 10; flex-grow: 1; } @@ -1105,7 +1098,7 @@ .customize-control-dropdown-pages .add-new-toggle { margin-right: 1px; font-weight: 600; - line-height: 28px; + line-height: 2.2; } #customize-preview iframe { @@ -1215,11 +1208,6 @@ 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 +1220,6 @@ } #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; } @@ -1392,6 +1379,7 @@ } .customize-control .attachment-media-view .placeholder, +.customize-control .attachment-media-view .button-add-media, .customize-control-header .placeholder { width: 100%; position: relative; @@ -1400,7 +1388,27 @@ border: 1px dashed #b4b9be; box-sizing: border-box; padding: 9px 0; - line-height: 20px; + line-height: 1.6; +} + +.customize-control .attachment-media-view .button-add-media { + cursor: pointer; + background-color: #edeff0; + color: #32373c; +} + +.customize-control .attachment-media-view .button-add-media:hover { + background-color: #fbfbfc; +} + +.customize-control .attachment-media-view .button-add-media:focus { + background-color: #fbfbfc; + border-style: solid; + border-color: #5b9dd9; + box-shadow: 0 0 3px rgba( 0, 115, 170, .8 ); + /* Only visible in Windows High Contrast mode */ + outline: 2px solid transparent; + outline-offset: -2px; } .customize-control-header .inner { @@ -1444,7 +1452,7 @@ } .customize-control-header .header-view.selected:after { - content: ''; + content: ""; position: absolute; height: auto; top: 0; @@ -1506,62 +1514,31 @@ .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); } } @@ -1576,7 +1553,7 @@ outline: none; box-shadow: 0 0 0 1px #5b9dd9, - 0 0 3px 1px rgba(30, 140, 190, .8); + 0 0 3px 1px rgba(30, 140, 190, 0.8); } .customize-control-header .uploaded div:last-child > .choice { @@ -1668,10 +1645,10 @@ .theme-browser .theme.active .theme-actions, .wp-customizer .theme-browser .theme .theme-actions { padding: 10px 15px; - box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); -} - -@media screen and ( max-width: 640px ) { + box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); +} + +@media screen and (max-width: 640px) { .customize-section-description-container + #customize-control-custom_css:last-child { margin-left: 0; } @@ -1819,19 +1796,18 @@ } .themes-filter-bar .feature-filter-toggle:before { - content: "\f111"; - margin: 0 0 0 5px; - font: normal 16px/1 dashicons; - vertical-align: text-bottom; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + content: "\f111"; + margin: 0 0 0 5px; + font: normal 16px/1 dashicons; + vertical-align: text-bottom; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } .themes-filter-bar .feature-filter-toggle.open { background: #eee; border-color: #999; - box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); - -webkit-transform: translateY(1px); + box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); transform: translateY(1px); } @@ -1860,17 +1836,6 @@ } /* 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,19 +1849,17 @@ } .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; } .control-panel-themes .filter-themes-count { position: relative; float: left; - line-height: 34px; + line-height: 2.6; } .control-panel-themes .filter-themes-count .themes-displayed { @@ -2125,7 +2088,7 @@ } .themes-filter-bar .wp-filter-search { - line-height: 25px; + line-height: 1.8; padding: 6px 30px 6px 10px; max-width: 100%; width: 40%; @@ -2139,7 +2102,7 @@ /* Unstick the filter bar on short windows/screens. This breakpoint is based on the current length of .org feature filters assuming translations do not wrap lines. */ -@media screen and (max-height:540px), screen and (max-width:1018px) { +@media screen and (max-height: 540px), screen and (max-width: 1018px) { .customize-preview-header.themes-filter-bar { position: relative; right: 0; @@ -2162,13 +2125,13 @@ } } -@media screen and (max-width:1018px) { +@media screen and (max-width: 1018px) { .filter-drawer .filter-group { width: calc( (100% - 50px) / 2); } } -@media screen and (max-width:900px) { +@media screen and (max-width: 900px) { .customize-preview-header.themes-filter-bar { height: 86px; padding-top: 46px; @@ -2189,7 +2152,7 @@ } } -@media screen and (max-width:792px) { +@media screen and (max-width: 792px) { .filter-drawer .filter-group { width: calc( 100% - 25px); } @@ -2200,7 +2163,7 @@ } /* Mobile - toggle between themes and filters */ -@media screen and (max-width:600px) { +@media screen and (max-width: 600px) { .filter-drawer { top: 132px; @@ -2253,7 +2216,7 @@ height: 46px; width: 26px; display: block; - line-height: 46px; + line-height: 2.3; padding: 0 8px 0 8px; border-left: 1px solid #ddd; } @@ -2303,7 +2266,7 @@ } .wp-customizer .theme-overlay .theme-backdrop { - background: rgba( 238, 238, 238, 0.75 ); + background: rgba(238, 238, 238, 0.75); position: fixed; z-index: 110; } @@ -2381,7 +2344,7 @@ } /* Small Screens */ -@media (max-width:850px), (max-height:472px) { +@media (max-width: 850px), (max-height: 472px) { .wp-customizer .theme-overlay .theme-wrap { right: 0; left: 0; @@ -2403,7 +2366,7 @@ padding: 1em 2em; max-width: 700px; min-width: 0; - box-shadow: 0 1px 3px rgba(0,0,0,0.13); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13); } body.cheatin h1 { @@ -2575,7 +2538,6 @@ 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); } @@ -2650,7 +2612,7 @@ right: 16px; width: 30px; height: 30px; - line-height: 28px; + line-height: 2.1; text-align: center; color: #72777c; } @@ -2702,7 +2664,7 @@ #available-menu-items-search .clear-results:focus { box-shadow: 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, .8); + 0 0 2px 1px rgba(30, 140, 190, 0.8); } #available-menu-items-search .search-icon:after, @@ -2754,9 +2716,10 @@ background: #fff; border-bottom: 1px solid #ddd; border-right: 4px solid #fff; - transition: .15s color ease-in-out, - .15s background-color ease-in-out, - .15s border-color ease-in-out; + transition: + .15s color ease-in-out, + .15s background-color ease-in-out, + .15s border-color ease-in-out; cursor: pointer; display: none; } @@ -2800,7 +2763,7 @@ .customize-control input[type="radio"] + label + br, .customize-control input[type="checkbox"] + label + br { - line-height: 32px; /* For widgets checkboxes */ + line-height: 2.5; /* For widgets checkboxes */ } .customize-control .date-time-fields select { @@ -2844,7 +2807,7 @@ } } -@media screen and ( max-width: 1200px ) { +@media screen and (max-width: 1200px) { .outer-section-open .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main, .adding-menu-items .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main, .adding-widget .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main { @@ -2852,7 +2815,7 @@ } } -@media screen and ( max-width: 640px ) { +@media screen and (max-width: 640px) { /* when the sidebar is collapsed and switching to responsive view, bring it back see ticket #35220 */ @@ -2869,7 +2832,7 @@ position: absolute; top: 0; right: 48px; - line-height: 45px; + line-height: 3.2; font-size: 14px; padding: 0 12px; margin: 0; @@ -3000,11 +2963,11 @@ .theme-browser .theme.active .theme-actions, .wp-customizer .theme-browser .theme .theme-actions { padding: 9px 15px; - box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); + box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); } } -@media screen and ( max-width: 600px ) { +@media screen and (max-width: 600px) { .theme-browser .theme.active .theme-actions, .wp-customizer .theme-browser .theme .theme-actions { padding: 8px 15px;