diff -r be944660c56a -r 3d72ae0968f4 wp/wp-includes/css/dist/editor/style.css --- a/wp/wp-includes/css/dist/editor/style.css Wed Sep 21 18:19:35 2022 +0200 +++ b/wp/wp-includes/css/dist/editor/style.css Tue Sep 27 16:37:53 2022 +0200 @@ -42,6 +42,12 @@ * These variables do not appear to be used anywhere else. */ /** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** * Breakpoint mixins */ /** @@ -71,8 +77,11 @@ */ :root { --wp-admin-theme-color: #007cba; + --wp-admin-theme-color--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { @@ -257,16 +266,6 @@ padding-right: 8px; height: 61px; border-bottom: 1px solid #ddd; - display: flex; - align-items: center; - align-content: space-between; -} -.entities-saved-states__panel .entities-saved-states__panel-header .editor-entities-saved-states__save-button { - margin: auto; -} -.entities-saved-states__panel .entities-saved-states__panel-header .components-button.has-icon { - position: absolute; - right: 8px; } .entities-saved-states__panel .entities-saved-states__text-prompt { padding: 16px; @@ -372,6 +371,7 @@ } .editor-post-format__suggestion { + padding: 6px; text-align: right; font-size: 13px; } @@ -395,31 +395,23 @@ border-radius: 0; } -.editor-post-locked-modal { - height: auto; - padding-right: 10px; - padding-left: 10px; - padding-top: 10px; - max-width: 480px; -} -.editor-post-locked-modal .components-modal__header { - height: 36px; +@media (min-width: 600px) { + .editor-post-locked-modal { + max-width: 480px; + } } .editor-post-locked-modal .components-modal__content { - height: auto; + display: flex; } .editor-post-locked-modal__buttons { - margin-top: 10px; -} -.editor-post-locked-modal__buttons .components-button { - margin-right: 5px; + margin-top: 24px; } .editor-post-locked-modal__avatar { - float: left; - margin: 5px; - margin-right: 15px; + border-radius: 2px; + margin-top: 16px; + margin-right: 24px; } .editor-post-publish-button__button.has-changes-dot::before { @@ -564,6 +556,7 @@ height: auto; justify-content: center; padding: 3px 10px 4px; + flex: 1; line-height: 1.6; text-align: center; white-space: normal; @@ -572,16 +565,32 @@ width: 100%; } -.post-publish-panel__postpublish-post-address { +.post-publish-panel__postpublish-post-address-container { + display: flex; + align-items: flex-end; margin-bottom: 16px; } -.post-publish-panel__postpublish-post-address input[readonly] { +.post-publish-panel__postpublish-post-address-container .components-base-control__field { + margin-bottom: 0; +} +.post-publish-panel__postpublish-post-address-container .post-publish-panel__postpublish-post-address { + flex: 1; +} +.post-publish-panel__postpublish-post-address-container input[readonly] { padding: 10px; background: #ddd; overflow: hidden; text-overflow: ellipsis; } +.post-publish-panel__postpublish-post-address__copy-button-wrap { + flex-shrink: 0; + margin-left: 8px; +} +.post-publish-panel__postpublish-post-address__copy-button-wrap .components-button { + height: 38px; +} + .post-publish-panel__postpublish-header { font-weight: 500; } @@ -594,6 +603,11 @@ color: #f0b849; } +@media screen and (max-width: 782px) { + .post-publish-panel__postpublish-post-address__button-wrap .components-button { + height: 40px; + } +} .editor-post-saved-state { display: flex; align-items: center; @@ -603,6 +617,10 @@ overflow: hidden; white-space: nowrap; } +.editor-post-saved-state.is-saving[aria-disabled=true], .editor-post-saved-state.is-saving[aria-disabled=true]:hover, .editor-post-saved-state.is-saved[aria-disabled=true], .editor-post-saved-state.is-saved[aria-disabled=true]:hover { + background: transparent; + color: #757575; +} .editor-post-saved-state svg { display: inline-block; flex: 0 0 auto; @@ -616,7 +634,7 @@ text-indent: inherit; } .editor-post-saved-state svg { - margin-right: 4px; + margin-right: 0; } } @@ -650,7 +668,6 @@ .editor-post-taxonomies__hierarchical-terms-input { margin-top: 8px; - width: 100%; } .editor-post-taxonomies__hierarchical-terms-filter { @@ -882,73 +899,17 @@ .editor-post-title { position: relative; } -.editor-post-title .editor-post-title__input { - display: block; - width: 100%; - margin: 0; - box-shadow: none; - background: transparent; - transition: border 0.1s ease-out, box-shadow 0.1s linear; - padding: 19px 0; - word-break: keep-all; - font-family: inherit; - color: inherit; - border: 1px solid transparent; - border-left-width: 0; - border-right-width: 0; - border-radius: 0; - outline: 1px solid transparent; - font-size: 2.44em; - font-weight: 800; - line-height: 1.4; +.editor-post-title.is-focus-mode { + opacity: 0.5; + transition: opacity 0.1s linear; } @media (prefers-reduced-motion: reduce) { - .editor-post-title .editor-post-title__input { + .editor-post-title.is-focus-mode { transition-duration: 0s; transition-delay: 0s; } } -@media (min-width: 600px) { - .editor-post-title .editor-post-title__input { - border-width: 1px; - } -} -.editor-post-title .editor-post-title__input::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} -.editor-post-title .editor-post-title__input::-moz-placeholder { - color: rgba(30, 30, 30, 0.62); - opacity: 1; -} -.editor-post-title .editor-post-title__input:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} -.is-dark-theme .editor-post-title .editor-post-title__input::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.65); -} -.is-dark-theme .editor-post-title .editor-post-title__input::-moz-placeholder { - opacity: 1; - color: rgba(255, 255, 255, 0.65); -} -.is-dark-theme .editor-post-title .editor-post-title__input:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.65); -} -.editor-post-title .editor-post-title__input:focus { - border: 1px solid transparent; - outline: 1px solid transparent; - box-shadow: none; -} -.editor-post-title.is-focus-mode .editor-post-title__input { - opacity: 0.5; - transition: opacity 0.1s linear; -} -@media (prefers-reduced-motion: reduce) { - .editor-post-title.is-focus-mode .editor-post-title__input { - transition-duration: 0s; - transition-delay: 0s; - } -} -.editor-post-title.is-focus-mode .editor-post-title__input:focus { +.editor-post-title.is-focus-mode:focus { opacity: 1; }