--- a/wp/wp-includes/css/dist/editor/style.css Fri Sep 05 18:40:08 2025 +0200
+++ b/wp/wp-includes/css/dist/editor/style.css Fri Sep 05 18:52:52 2025 +0200
@@ -17,42 +17,13 @@
}
}
-.components-panel__header.interface-complementary-area-header__small{
- background:#fff;
- padding-right:4px;
-}
-.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{
- margin:0;
- overflow:hidden;
- text-overflow:ellipsis;
- white-space:nowrap;
- width:100%;
-}
-@media (min-width:782px){
- .components-panel__header.interface-complementary-area-header__small{
- display:none;
- }
-}
-
.interface-complementary-area-header{
background:#fff;
- gap:8px;
- padding-right:12px;
+ gap:4px;
+ padding-right:8px;
}
.interface-complementary-area-header .interface-complementary-area-header__title{
- margin:0;
-}
-.interface-complementary-area-header .components-button.has-icon{
- display:none;
- margin-left:auto;
-}
-.interface-complementary-area-header .components-button.has-icon~.components-button{
- margin-left:0;
-}
-@media (min-width:782px){
- .interface-complementary-area-header .components-button.has-icon{
- display:flex;
- }
+ margin:0 auto 0 0;
}
.interface-complementary-area{
@@ -82,14 +53,9 @@
z-index:1;
}
.interface-complementary-area .components-panel__header.editor-sidebar__panel-tabs{
- top:48px;
-}
-@media (min-width:782px){
- .interface-complementary-area .components-panel__header.editor-sidebar__panel-tabs{
- top:0;
- }
-}
-.interface-complementary-area p:not(.components-base-control__help){
+ top:0;
+}
+.interface-complementary-area p:not(.components-base-control__help,.components-form-token-field__help){
margin-top:0;
}
.interface-complementary-area h2{
@@ -258,7 +224,7 @@
}
@media (min-width:782px){
.interface-interface-skeleton__sidebar{
- box-shadow:-1px 1px 0 0 rgba(0,0,0,.133);
+ box-shadow:-1px 0 0 0 rgba(0,0,0,.133);
outline:1px solid #0000;
}
}
@@ -269,7 +235,7 @@
}
@media (min-width:782px){
.interface-interface-skeleton__secondary-sidebar{
- box-shadow:1px 1px 0 0 rgba(0,0,0,.133);
+ box-shadow:1px 0 0 0 rgba(0,0,0,.133);
outline:1px solid #0000;
}
}
@@ -366,7 +332,7 @@
}
.editor-autocompleters__user .editor-autocompleters__no-avatar:before{
- content:"";
+ content:"\f110";
font:normal 20px/1 dashicons;
margin-right:5px;
vertical-align:middle;
@@ -401,78 +367,110 @@
color:var(--wp-admin-theme-color);
}
-.editor-block-manager__no-results{
- font-style:italic;
- padding:24px 0;
- text-align:center;
-}
-
-.editor-block-manager__search{
- margin:16px 0;
+.interface-interface-skeleton__sidebar:has(.editor-collab-sidebar){
+ box-shadow:none;
+}
+.interface-interface-skeleton__sidebar:has(.editor-collab-sidebar) .interface-complementary-area-header{
+ display:none;
}
-.editor-block-manager__disabled-blocks-count{
- background-color:#fff;
- border:1px solid #ddd;
- border-width:1px 0;
- box-shadow:-32px 0 0 0 #fff,32px 0 0 0 #fff;
- padding:8px;
- position:sticky;
- text-align:center;
- top:-5px;
- z-index:2;
-}
-.editor-block-manager__disabled-blocks-count~.editor-block-manager__results .editor-block-manager__category-title{
- top:31px;
-}
-.editor-block-manager__disabled-blocks-count .is-link{
- margin-left:12px;
-}
-
-.editor-block-manager__category{
- margin:0 0 24px;
+.editor-collab-sidebar{
+ height:100%;
}
-.editor-block-manager__category-title{
+.editor-collab-sidebar-panel{
+ height:100%;
+ padding:16px;
+}
+.editor-collab-sidebar-panel__thread{
+ background-color:#f0f0f0;
+ border:1.5px solid #ddd;
+ border-radius:8px;
+ margin-bottom:16px;
+ padding:16px;
+ position:relative;
+}
+.editor-collab-sidebar-panel__active-thread{
+ border:1.5px solid #3858e9;
+}
+.editor-collab-sidebar-panel__focus-thread{
background-color:#fff;
- padding:16px 0;
- position:sticky;
- top:-4px;
+ border:1.5px solid #3858e9;
+ box-shadow:0 5.5px 7.8px -.3px rgba(0,0,0,.102);
+}
+.editor-collab-sidebar-panel__comment-field{
+ flex:1;
+}
+.editor-collab-sidebar-panel__child-thread{
+ margin-top:15px;
+}
+.editor-collab-sidebar-panel__user-name{
+ text-transform:capitalize;
+}
+.editor-collab-sidebar-panel__user-name,.editor-collab-sidebar-panel__user-time{
+ color:#757575;
+ font-size:12px;
+ font-weight:400;
+ line-height:16px;
+ text-align:left;
+}
+.editor-collab-sidebar-panel__user-comment{
+ color:#1e1e1e;
+ font-size:13px;
+ font-weight:400;
+ line-height:20px;
+ text-align:left;
+}
+.editor-collab-sidebar-panel__user-comment p{
+ margin-bottom:0;
+}
+.editor-collab-sidebar-panel__user-avatar{
+ border-radius:50%;
+ flex-shrink:0;
+}
+.editor-collab-sidebar-panel__thread-overlay{
+ background-color:#000000b3;
+ border-radius:8px;
+ color:#fff;
+ height:100%;
+ left:0;
+ padding:15px;
+ position:absolute;
+ text-align:center;
+ top:0;
+ width:100%;
z-index:1;
}
-.editor-block-manager__category-title .components-checkbox-control__label{
- font-weight:600;
-}
-
-.editor-block-manager__checklist{
- margin-top:0;
-}
-
-.editor-block-manager__category-title,.editor-block-manager__checklist-item{
- border-bottom:1px solid #ddd;
-}
-
-.editor-block-manager__checklist-item{
- align-items:center;
- display:flex;
- justify-content:space-between;
- margin-bottom:0;
- padding:8px 0 8px 16px;
-}
-.components-modal__content .editor-block-manager__checklist-item.components-checkbox-control__input-container{
- margin:0 8px;
-}
-.editor-block-manager__checklist-item .block-editor-block-icon{
- margin-right:10px;
- fill:#1e1e1e;
-}
-
-.editor-block-manager__results{
- border-top:1px solid #ddd;
-}
-
-.editor-block-manager__disabled-blocks-count+.editor-block-manager__results{
- border-top-width:0;
+.editor-collab-sidebar-panel__thread-overlay p{
+ margin-bottom:15px;
+}
+.editor-collab-sidebar-panel__thread-overlay button{
+ color:#fff;
+ padding:4px 10px;
+}
+.editor-collab-sidebar-panel__comment-status{
+ margin-left:auto;
+}
+.editor-collab-sidebar-panel__comment-status button.has-icon:not(.has-text){
+ flex-shrink:0;
+ height:24px;
+ min-width:24px;
+ padding:0;
+ width:24px;
+}
+.editor-collab-sidebar-panel__comment-dropdown-menu{
+ flex-shrink:0;
+}
+.editor-collab-sidebar-panel__comment-dropdown-menu button.has-icon{
+ height:24px;
+ min-width:24px;
+ padding:0;
+ width:24px;
+}
+.editor-collab-sidebar-panel__show-more-reply{
+ font-style:italic;
+ font-weight:500;
+ padding:0;
}
.editor-collapsible-block-toolbar{
@@ -531,66 +529,6 @@
display:none;
}
-.editor-collapsible-block-toolbar__toggle{
- margin-left:2px;
-}
-
-.editor-create-template-part-modal{
- z-index:1000001;
-}
-@media (min-width:600px){
- .editor-create-template-part-modal .components-modal__frame{
- max-width:500px;
- }
-}
-
-.editor-create-template-part-modal__area-radio-group{
- border:1px solid #757575;
- border-radius:2px;
- width:100%;
-}
-.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio{
- display:block;
- height:100%;
- padding:12px;
- text-align:left;
- width:100%;
-}
-.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio,.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-primary:hover,.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-secondary:hover{
- background-color:inherit;
- border-bottom:1px solid #757575;
- border-radius:0;
- margin:0;
-}
-.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-primary:hover:not(:focus),.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-secondary:hover:not(:focus),.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio:not(:focus){
- box-shadow:none;
-}
-.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-primary:hover:focus,.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-secondary:hover:focus,.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio:focus{
- border-bottom:1px solid #fff;
-}
-.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-primary:hover:last-of-type,.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-secondary:hover:last-of-type,.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio:last-of-type{
- border-bottom:none;
-}
-.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio:not(:hover),.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio[aria-checked=true]{
- color:#1e1e1e;
- cursor:auto;
-}
-.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio:not(:hover) .editor-create-template-part-modal__option-label div,.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio[aria-checked=true] .editor-create-template-part-modal__option-label div{
- color:#949494;
-}
-.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio .editor-create-template-part-modal__option-label{
- padding-top:4px;
- white-space:normal;
-}
-.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio .editor-create-template-part-modal__option-label div{
- font-size:12px;
- padding-top:4px;
-}
-.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio .editor-create-template-part-modal__checkbox{
- margin-left:auto;
- min-width:24px;
-}
-
.editor-content-only-settings-menu__description{
min-width:235px;
padding:8px;
@@ -609,27 +547,25 @@
height:32px;
justify-content:space-between;
min-width:0;
- width:min(100%, 416px);
+ width:min(100%, 450px);
}
.editor-document-bar:hover{
background-color:#e0e0e0;
}
.editor-document-bar .components-button{
border-radius:4px;
- transition:all .1s ease-out;
-}
-@media (prefers-reduced-motion:reduce){
+}
+@media not (prefers-reduced-motion){
.editor-document-bar .components-button{
- transition-delay:0s;
- transition-duration:0s;
+ transition:all .1s ease-out;
}
}
.editor-document-bar .components-button:hover{
background:#e0e0e0;
}
-@media (min-width:960px){
- .editor-document-bar{
- width:min(100%, 450px);
+@media screen and (min-width:782px) and (max-width:960px){
+ .editor-document-bar.has-back-button .editor-document-bar__post-type-label{
+ display:none;
}
}
@@ -640,12 +576,9 @@
}
.editor-document-bar__title{
- align-items:center;
color:#1e1e1e;
- display:flex;
- flex-grow:1;
- gap:4px;
- justify-content:center;
+ margin:0 auto;
+ max-width:70%;
overflow:hidden;
}
@media (min-width:782px){
@@ -653,19 +586,31 @@
padding-left:24px;
}
}
-.editor-document-bar.is-global .editor-document-bar__title{
- color:var(--wp-block-synced-color);
-}
-.editor-document-bar__title .block-editor-block-icon{
- flex-shrink:0;
- min-width:24px;
-}
.editor-document-bar__title h1{
+ align-items:center;
+ display:flex;
+ font-weight:400;
+ justify-content:center;
+ overflow:hidden;
+ white-space:nowrap;
+}
+
+.editor-document-bar__post-title{
color:currentColor;
- max-width:70%;
+ flex:1;
overflow:hidden;
text-overflow:ellipsis;
- white-space:nowrap;
+}
+
+.editor-document-bar__post-type-label{
+ color:#2f2f2f;
+ flex:0;
+ padding-left:4px;
+}
+@media screen and (max-width:600px){
+ .editor-document-bar__post-type-label{
+ display:none;
+ }
}
.editor-document-bar__shortcut{
@@ -692,6 +637,21 @@
color:#1e1e1e;
}
+.editor-document-bar__icon-layout.editor-document-bar__icon-layout{
+ display:none;
+ margin-left:12px;
+ pointer-events:none;
+ position:absolute;
+}
+.editor-document-bar__icon-layout.editor-document-bar__icon-layout svg{
+ fill:#949494;
+}
+@media (min-width:600px){
+ .editor-document-bar__icon-layout.editor-document-bar__icon-layout{
+ display:flex;
+ }
+}
+
.document-outline{
margin:20px 0;
}
@@ -739,7 +699,8 @@
padding:2px 5px 2px 1px;
text-align:left;
}
-.document-outline__button:disabled{
+.document-outline__button:disabled,.document-outline__button[aria-disabled=true]{
+ color:#757575;
cursor:default;
}
.document-outline__button:focus{
@@ -790,13 +751,9 @@
.editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle{
display:inline-flex;
}
-.editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle svg{
- transition:transform .2s cubic-bezier(.165, .84, .44, 1);
-}
-@media (prefers-reduced-motion:reduce){
+@media not (prefers-reduced-motion){
.editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle svg{
- transition-delay:0s;
- transition-duration:0s;
+ transition:transform .2s cubic-bezier(.165, .84, .44, 1);
}
}
.editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle.is-pressed svg{
@@ -830,18 +787,12 @@
align-items:center;
display:inline-flex;
gap:8px;
- margin-right:8px;
- padding-left:16px;
+}
+.editor-document-tools__left:not(:last-child){
+ margin-inline-end:8px;
}
-.editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle.has-icon{
- height:32px;
- min-width:32px;
- padding:0;
- width:32px;
-}
.show-icon-labels .editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle.has-icon{
- height:32px;
padding:0 8px;
width:auto;
}
@@ -884,8 +835,8 @@
border-bottom:1px solid #ddd;
box-sizing:border-box;
height:60px;
- padding-left:8px;
- padding-right:8px;
+ padding-left:16px;
+ padding-right:16px;
}
.entities-saved-states__text-prompt{
@@ -896,36 +847,81 @@
margin-bottom:12px;
}
-.entities-saved-states__description-heading{
- font-size:13px;
+.entities-saved-states__panel.is-inline .entities-saved-states__text-prompt{
+ padding:0;
+}
+.entities-saved-states__panel.is-inline .entities-saved-states__panel-body{
+ border:0;
+ padding-left:0;
+ padding-right:0;
+}
+.entities-saved-states__panel.is-inline .entities-saved-states__panel-body>h2{
+ margin-bottom:0;
+ margin-left:-16px;
+ margin-right:-16px;
+}
+.entities-saved-states__panel.is-inline .entities-saved-states__panel-body>h2 button{
+ font-size:11px;
+ text-transform:uppercase;
+}
+.entities-saved-states__panel.is-inline .entities-saved-states__text-prompt--header-wrapper{
+ display:none;
+}
+.entities-saved-states__panel.is-inline .entities-saved-states__text-prompt--changes-count{
+ margin-bottom:8px;
+ margin-top:0;
+}
+.entities-saved-states__panel.is-inline .entities-saved-states__panel-footer{
+ margin-top:16px;
+}
+
+.entities-saved-states__change-control{
+ flex:1;
}
.entities-saved-states__changes{
- color:#757575;
- font-size:12px;
+ font-size:13px;
list-style:disc;
- margin:8px 16px 0;
+ margin:4px 16px 0 24px;
}
.entities-saved-states__changes li{
margin-bottom:4px;
}
.editor-error-boundary{
- box-shadow:0 .7px 1px #00000026,0 2.7px 3.8px -.2px #00000026,0 5.5px 7.8px -.3px #00000026,.1px 11.5px 16.4px -.5px #00000026;
+ background-color:#fff;
+ border:1px solid #1e1e1e;
+ border-radius:2px;
+ box-shadow:0 5px 15px #00000014,0 15px 27px #00000012,0 30px 36px #0000000a,0 50px 43px #00000005;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
margin:60px auto auto;
max-width:780px;
- padding:20px;
+ padding:1em;
}
.editor-header{
align-items:center;
background:#fff;
- display:flex;
- flex-wrap:wrap;
+ display:grid;
+ grid-auto-flow:row;
+ grid-template:auto/60px minmax(0, max-content) minmax(min-content, 1fr) 60px;
height:60px;
justify-content:space-between;
max-width:100vw;
}
+.editor-header:has(>.editor-header__center){
+ grid-template:auto/60px min-content 1fr min-content 60px;
+}
+@media (min-width:782px){
+ .editor-header:has(>.editor-header__center){
+ grid-template:auto/60px minmax(min-content, 2fr) 2.5fr minmax(min-content, 2fr) 60px;
+ }
+}
+@media (min-width:480px){
+ .editor-header{
+ gap:16px;
+ }
+}
@media (min-width:280px){
.editor-header{
flex-wrap:nowrap;
@@ -934,15 +930,23 @@
.editor-header__toolbar{
align-items:center;
+ clip-path:inset(-2px);
display:flex;
- flex-grow:3;
- flex-shrink:8;
- overflow:hidden;
- padding:2px 0;
-}
-@media (min-width:782px){
+ grid-column:1 / 3;
+ min-width:0;
+}
+.editor-header__toolbar>:first-child{
+ margin-inline:16px 0;
+}
+.editor-header__back-button+.editor-header__toolbar{
+ grid-column:2 / 3;
+}
+@media (min-width:480px){
+ .editor-header__back-button+.editor-header__toolbar>:first-child{
+ margin-inline:0;
+ }
.editor-header__toolbar{
- padding-right:var(--wp-admin-border-width-focus);
+ clip-path:none;
}
}
.editor-header__toolbar .table-of-contents{
@@ -953,23 +957,38 @@
display:block;
}
}
+.editor-header__toolbar .editor-collapsible-block-toolbar,.editor-header__toolbar .editor-collapsible-block-toolbar.is-collapsed~.editor-collapsible-block-toolbar__toggle{
+ margin-inline:8px 0;
+}
.editor-header__center{
+ align-items:center;
+ clip-path:inset(-2px);
display:flex;
- flex-grow:1;
+ grid-column:3 / 4;
justify-content:center;
min-width:0;
}
-.editor-header__center.is-collapsed{
- display:none;
+@media (max-width:479px){
+ .editor-header__center>:first-child{
+ margin-inline-start:8px;
+ }
+ .editor-header__center>:last-child{
+ margin-inline-end:8px;
+ }
}
.editor-header__settings{
align-items:center;
display:inline-flex;
flex-wrap:nowrap;
gap:8px;
+ grid-column:3 / -1;
+ justify-self:end;
padding-right:4px;
}
+.editor-header:has(>.editor-header__center) .editor-header__settings{
+ grid-column:4 / -1;
+}
@media (min-width:600px){
.editor-header__settings{
padding-right:8px;
@@ -983,6 +1002,7 @@
}
.show-icon-labels .editor-header .components-button.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon:after{
content:attr(aria-label);
+ white-space:nowrap;
}
.show-icon-labels .editor-header .components-button.has-icon[aria-disabled=true],.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true]{
background-color:initial;
@@ -1054,7 +1074,7 @@
margin-right:8px;
}
-@media (min-width:600px){
+@media (min-width:480px){
.editor-header__post-preview-button{
display:none;
}
@@ -1065,14 +1085,18 @@
}
.editor-editor-interface.is-distraction-free .editor-header{
background-color:#fff;
- border-bottom:1px solid #e0e0e0;
- position:absolute;
width:100%;
}
+@media (min-width:782px){
+ .editor-editor-interface.is-distraction-free .editor-header{
+ box-shadow:0 1px 0 0 rgba(0,0,0,.133);
+ position:absolute;
+ }
+}
.editor-editor-interface.is-distraction-free .editor-header>.edit-post-header__settings>.edit-post-header__post-preview-button{
visibility:hidden;
}
-.editor-editor-interface.is-distraction-free .editor-header>.editor-header__settings>.editor-preview-dropdown,.editor-editor-interface.is-distraction-free .editor-header>.editor-header__settings>.interface-pinned-items,.editor-editor-interface.is-distraction-free .editor-header>.editor-header__toolbar .editor-document-tools__document-overview-toggle{
+.editor-editor-interface.is-distraction-free .editor-header>.editor-header__settings>.editor-preview-dropdown,.editor-editor-interface.is-distraction-free .editor-header>.editor-header__settings>.editor-zoom-out-toggle,.editor-editor-interface.is-distraction-free .editor-header>.editor-header__settings>.interface-pinned-items,.editor-editor-interface.is-distraction-free .editor-header>.editor-header__toolbar .editor-document-tools__document-overview-toggle{
display:none;
}
.editor-editor-interface.is-distraction-free .interface-interface-skeleton__header:focus-within{
@@ -1101,12 +1125,7 @@
}
.editor-inserter-sidebar__content{
- height:calc(100% - 44px);
-}
-@media (min-width:782px){
- .editor-inserter-sidebar__content{
- height:100%;
- }
+ height:100%;
}
.editor-keyboard-shortcut-help-modal__section{
@@ -1136,7 +1155,6 @@
}
.editor-keyboard-shortcut-help-modal__shortcut-description{
flex:1;
- flex-basis:auto;
margin:0;
}
.editor-keyboard-shortcut-help-modal__shortcut-key-combination{
@@ -1158,8 +1176,6 @@
}
.editor-list-view-sidebar{
- display:flex;
- flex-direction:column;
height:100%;
}
@media (min-width:782px){
@@ -1167,30 +1183,6 @@
width:350px;
}
}
-.editor-list-view-sidebar .editor-list-view-sidebar__header{
- border-bottom:1px solid #ddd;
- display:flex;
-}
-.editor-list-view-sidebar .editor-list-view-sidebar__close-button{
- align-self:center;
- background:#fff;
- margin-right:12px;
- order:1;
-}
-
-.editor-list-view-sidebar__tabs-tablist{
- box-sizing:border-box;
- flex-grow:1;
-}
-
-.editor-list-view-sidebar__tabs-tab{
- margin-bottom:-1px;
- width:50%;
-}
-
-.editor-list-view-sidebar__tabs-tabpanel{
- height:calc(100% - 47px);
-}
.editor-list-view-sidebar__list-view-container>.document-outline,.editor-list-view-sidebar__list-view-panel-content{
height:100%;
@@ -1296,8 +1288,11 @@
column-gap:8px;
display:flex;
flex-wrap:wrap;
+ font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
+ font-size:13px;
+ font-weight:500;
+ line-height:20px;
margin:0;
- padding:2px 0;
row-gap:4px;
word-break:break-word;
}
@@ -1313,24 +1308,11 @@
.editor-post-card-panel.has-description .editor-post-card-panel__header{
margin-bottom:8px;
}
-
-.editor-post-card-panel__icon.is-sync{
- fill:var(--wp-block-synced-color);
+.editor-post-card-panel .editor-post-card-panel__title-name{
+ padding:2px 0;
}
-.editor-post-card-panel__title-badge{
- background:#f0f0f0;
- border-radius:2px;
- color:#757575;
- display:inline-block;
- flex-shrink:0;
- font-size:12px;
- font-weight:400;
- line-height:20px;
- padding:0 4px;
-}
-
-.editor-post-content-information{
+.editor-post-card-panel .editor-post-card-panel__description,.editor-post-content-information{
color:#757575;
}
.editor-post-content-information .components-text{
@@ -1341,13 +1323,6 @@
margin:8px;
min-width:248px;
}
-.editor-post-discussion__panel-dialog .editor-post-discussion .components-radio-control__option{
- align-items:flex-start;
-}
-.editor-post-discussion__panel-dialog .editor-post-discussion .components-radio-control__label .components-text{
- display:block;
- margin-top:4px;
-}
.editor-post-discussion__panel-toggle .components-text{
color:inherit;
@@ -1381,7 +1356,11 @@
.editor-post-featured-image__container{
position:relative;
}
-.editor-post-featured-image__container:focus .editor-post-featured-image__actions,.editor-post-featured-image__container:focus-within .editor-post-featured-image__actions,.editor-post-featured-image__container:hover .editor-post-featured-image__actions{
+.editor-post-featured-image__container:focus .editor-post-featured-image__actions:not(.editor-post-featured-image__actions-is-requesting-image),.editor-post-featured-image__container:focus-within .editor-post-featured-image__actions:not(.editor-post-featured-image__actions-is-requesting-image),.editor-post-featured-image__container:hover .editor-post-featured-image__actions:not(.editor-post-featured-image__actions-is-requesting-image){
+ opacity:1;
+}
+.editor-post-featured-image__container .editor-post-featured-image__actions.editor-post-featured-image__actions-missing-image{
+ margin-top:16px;
opacity:1;
}
.editor-post-featured-image__container .components-drop-zone__content{
@@ -1404,18 +1383,11 @@
outline-offset:-1px;
overflow:hidden;
padding:0;
- transition:all .1s ease-out;
width:100%;
}
-@media (prefers-reduced-motion:reduce){
- .editor-post-featured-image__preview,.editor-post-featured-image__toggle{
- transition-delay:0s;
- transition-duration:0s;
- }
-}
.editor-post-featured-image__preview{
- height:auto;
+ height:auto !important;
outline:1px solid #0000001a;
}
.editor-post-featured-image__preview .editor-post-featured-image__preview-image{
@@ -1426,32 +1398,29 @@
}
.editor-post-featured-image__toggle{
- border-radius:2px;
box-shadow:inset 0 0 0 1px #ccc;
- height:100%;
- line-height:20px;
- padding:8px 0;
- text-align:center;
+}
+.editor-post-featured-image__toggle:focus:not(:disabled){
+ box-shadow:0 0 0 currentColor inset, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
-.editor-post-featured-image__actions{
+.editor-post-featured-image__actions:not(.editor-post-featured-image__actions-missing-image){
bottom:0;
opacity:0;
padding:8px;
position:absolute;
- transition:opacity 50ms ease-out;
-}
-@media (prefers-reduced-motion:reduce){
- .editor-post-featured-image__actions{
- transition-delay:0s;
- transition-duration:0s;
+}
+@media not (prefers-reduced-motion){
+ .editor-post-featured-image__actions:not(.editor-post-featured-image__actions-missing-image){
+ transition:opacity 50ms ease-out;
}
}
-
-.editor-post-featured-image__action{
+.editor-post-featured-image__actions:not(.editor-post-featured-image__actions-missing-image) .editor-post-featured-image__action{
-webkit-backdrop-filter:blur(16px) saturate(180%);
backdrop-filter:blur(16px) saturate(180%);
background:#ffffffbf;
+}
+.editor-post-featured-image__actions .editor-post-featured-image__action{
flex-grow:1;
justify-content:center;
}
@@ -1465,10 +1434,6 @@
min-width:248px;
}
-.editor-post-format__options .components-base-control__field>.components-v-stack{
- gap:12px;
-}
-
.editor-post-last-edited-panel{
color:#757575;
}
@@ -1510,7 +1475,7 @@
}
.editor-post-locked-modal__avatar{
- border-radius:2px;
+ border-radius:50%;
margin-top:16px;
min-width:auto !important;
}
@@ -1526,12 +1491,11 @@
align-items:center;
display:flex;
flex-shrink:0;
- -webkit-hyphens:auto;
- hyphens:auto;
+ hyphens:auto;
line-height:20px;
min-height:32px;
padding:6px 0;
- width:30%;
+ width:38%;
}
.editor-post-panel__row-control{
@@ -1593,6 +1557,7 @@
.components-site-icon{
border:none;
border-radius:2px;
+ flex-shrink:0;
height:36px;
margin-right:12px;
width:36px;
@@ -1607,6 +1572,7 @@
color:#757575;
display:block;
font-size:12px;
+ word-break:break-word;
}
.editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{
@@ -1620,11 +1586,11 @@
.editor-post-publish-panel__header-publish-button{
justify-content:center;
- padding-right:4px;
+ padding-left:4px;
}
.editor-post-publish-panel__header-cancel-button{
- padding-left:4px;
+ padding-right:4px;
}
.editor-post-publish-panel__header-published{
@@ -1741,19 +1707,17 @@
}
@media (min-width:782px){
.editor-post-publish-panel{
- animation:editor-post-publish-panel__slide-in-animation .1s forwards;
border-left:1px solid #ddd;
left:auto;
top:32px;
- transform:translateX(100%);
width:281px;
z-index:99998;
}
}
-@media (min-width:782px) and (prefers-reduced-motion:reduce){
+@media (min-width:782px) and (not (prefers-reduced-motion)){
.editor-post-publish-panel{
- animation-delay:0s;
- animation-duration:1ms;
+ animation:editor-post-publish-panel__slide-in-animation .1s forwards;
+ transform:translateX(100%);
}
}
@media (min-width:782px){
@@ -1813,18 +1777,16 @@
padding:16px;
}
-.editor-post-slug{
- align-items:stretch;
- display:flex;
- flex-direction:column;
-}
-
.editor-post-status{
max-width:100%;
}
.editor-post-status.is-read-only{
padding:6px 12px;
}
+.editor-post-status .editor-post-status__toggle.editor-post-status__toggle{
+ padding-bottom:4px;
+ padding-top:4px;
+}
.editor-change-status__password-fieldset,.editor-change-status__publish-date-wrapper{
border-top:1px solid #e0e0e0;
@@ -1835,23 +1797,17 @@
min-width:320px;
padding:16px;
}
-.editor-change-status__content .editor-change-status__options .components-base-control__field>.components-v-stack{
- gap:12px;
-}
-.editor-change-status__content .editor-change-status__options .components-radio-control__option{
- align-items:flex-start;
-}
-.editor-change-status__content .editor-change-status__options label .components-text{
- display:block;
- margin-top:4px;
-}
.editor-change-status__content .editor-change-status__password-legend{
margin-bottom:8px;
padding:0;
}
+.editor-change-status__content p.components-base-control__help:has(.components-checkbox-control__help){
+ margin-top:4px;
+}
-.editor-post-sticky__toggle-control{
- padding:6px 12px;
+.editor-post-sticky__checkbox-control{
+ border-top:1px solid #e0e0e0;
+ padding-top:16px;
}
.editor-post-sync-status__value{
@@ -1890,9 +1846,6 @@
display:inline-block;
margin-right:8px;
}
-.editor-post-taxonomies__flat-term-most-used-list .components-button{
- font-size:12px;
-}
.editor-post-template__swap-template-modal{
z-index:1000001;
@@ -1948,13 +1901,11 @@
overflow:hidden;
padding:16px;
resize:none;
- transition:border .1s ease-out,box-shadow .1s linear;
width:100%;
}
-@media (prefers-reduced-motion:reduce){
+@media not (prefers-reduced-motion){
textarea.editor-post-text-editor{
- transition-delay:0s;
- transition-duration:0s;
+ transition:border .1s ease-out,box-shadow .1s linear;
}
}
@media (min-width:600px){
@@ -1973,7 +1924,6 @@
}
textarea.editor-post-text-editor::-moz-placeholder{
color:#1e1e1e9e;
- opacity:1;
}
textarea.editor-post-text-editor:-ms-input-placeholder{
color:#1e1e1e9e;
@@ -1993,12 +1943,14 @@
margin:8px;
min-width:248px;
}
-.editor-post-url__link{
- color:#757575;
+.editor-post-url__front-page-link,.editor-post-url__link{
direction:ltr;
- margin-top:4px;
word-break:break-word;
}
+.editor-post-url__front-page-link{
+ padding:6px 0 6px 12px;
+}
+
.editor-post-url__link-slug{
font-weight:600;
}
@@ -2011,6 +1963,18 @@
word-break:break-word;
}
+.editor-post-url__intro{
+ margin:0;
+}
+
+.editor-post-url__permalink{
+ margin-bottom:0;
+ margin-top:8px;
+}
+.editor-post-url__permalink-visual-label{
+ display:block;
+}
+
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{
border:1px solid #1e1e1e;
border-radius:2px;
@@ -2025,14 +1989,13 @@
max-width:24px;
min-width:24px;
padding:6px 8px;
- transition:box-shadow .1s linear;
+ position:relative;
transition:none;
width:24px;
}
-@media (prefers-reduced-motion:reduce){
+@media not (prefers-reduced-motion){
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{
- transition-delay:0s;
- transition-duration:0s;
+ transition:box-shadow .1s linear;
}
}
@media (min-width:600px){
@@ -2050,31 +2013,34 @@
}
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-moz-placeholder{
color:#1e1e1e9e;
- opacity:1;
}
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:-ms-input-placeholder{
color:#1e1e1e9e;
}
@media (min-width:600px){
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{
- height:20px;
- max-width:20px;
- min-width:20px;
- width:20px;
+ height:16px;
+ max-width:16px;
+ min-width:16px;
+ width:16px;
}
}
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked:before{
background-color:#fff;
border:4px solid #fff;
box-sizing:inherit;
- height:8px;
+ height:12px;
+ left:50%;
margin:0;
- transform:translate(7px, 7px);
- width:8px;
+ position:absolute;
+ top:50%;
+ transform:translate(-50%, -50%);
+ width:12px;
}
@media (min-width:600px){
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked:before{
- transform:translate(5px, 5px);
+ height:8px;
+ width:8px;
}
}
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus{
@@ -2083,7 +2049,7 @@
}
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked{
background:var(--wp-admin-theme-color);
- border-color:var(--wp-admin-theme-color);
+ border:none;
}
.editor-post-visibility__fieldset .editor-post-visibility__info{
color:#757575;
@@ -2092,7 +2058,7 @@
}
@media (min-width:600px){
.editor-post-visibility__fieldset .editor-post-visibility__info{
- margin-left:32px;
+ margin-left:28px;
}
}
.editor-post-visibility__fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__info{
@@ -2107,13 +2073,11 @@
line-height:normal;
margin-left:32px;
padding:6px 8px;
- transition:box-shadow .1s linear;
width:calc(100% - 32px);
}
-@media (prefers-reduced-motion:reduce){
+@media not (prefers-reduced-motion){
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{
- transition-delay:0s;
- transition-duration:0s;
+ transition:box-shadow .1s linear;
}
}
@media (min-width:600px){
@@ -2132,7 +2096,6 @@
}
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-moz-placeholder{
color:#1e1e1e9e;
- opacity:1;
}
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:-ms-input-placeholder{
color:#1e1e1e9e;
@@ -2148,6 +2111,11 @@
justify-content:center;
}
+.editor-preview-dropdown .editor-preview-dropdown__toggle.has-icon.has-text{
+ padding-left:6px;
+ padding-right:4px;
+}
+
.editor-preview-dropdown__button-external{
display:flex;
justify-content:space-between;
@@ -2163,7 +2131,7 @@
appearance:none;
background:none;
border:0;
- border-radius:2px;
+ border-radius:9999px;
bottom:0;
cursor:ew-resize;
height:100px;
@@ -2176,7 +2144,7 @@
}
.editor-resizable-editor__resize-handle:after{
background-color:#75757566;
- border-radius:2px;
+ border-radius:9999px;
bottom:16px;
content:"";
left:4px;
@@ -2220,6 +2188,23 @@
top:auto;
}
+.editor-start-page-options__modal .editor-start-page-options__modal__actions{
+ background-color:#fff;
+ border-top:1px solid #ddd;
+ bottom:0;
+ height:92px;
+ margin-left:-32px;
+ margin-right:-32px;
+ padding-left:32px;
+ padding-right:32px;
+ position:absolute;
+ width:100%;
+ z-index:1;
+}
+.editor-start-page-options__modal .block-editor-block-patterns-list{
+ padding-bottom:92px;
+}
+
.editor-start-page-options__modal-content .block-editor-block-patterns-list{
column-count:2;
column-gap:24px;
@@ -2285,11 +2270,9 @@
.components-panel__header.editor-sidebar__panel-tabs{
padding-left:0;
- padding-right:12px;
+ padding-right:8px;
}
.components-panel__header.editor-sidebar__panel-tabs .components-button.has-icon{
- height:24px;
- min-width:24px;
padding:0;
}
@media (min-width:782px){
@@ -2307,14 +2290,6 @@
padding:16px;
}
-.editor-site-discussion__options .components-radio-control__option{
- align-items:flex-start;
-}
-.editor-site-discussion__options label .components-text{
- display:block;
- margin-top:4px;
-}
-
.table-of-contents__popover.components-popover .components-popover__content{
min-width:380px;
}
@@ -2381,20 +2356,6 @@
font-weight:600;
margin-top:20px;
}
-.editor-template-areas__list,.editor-template-areas__list>li{
- margin:0;
-}
-.editor-template-areas__item{
- width:100%;
-}
-.editor-template-areas__item.components-button.has-icon{
- padding:0;
-}
-
-h3.components-heading.editor-template-areas__title{
- font-weight:500;
- margin:0 0 8px;
-}
.editor-text-editor{
background-color:#fff;
@@ -2458,16 +2419,19 @@
.editor-text-editor__toolbar h2{
color:#1e1e1e;
font-size:13px;
- line-height:36px;
+ line-height:40px;
margin:0 auto 0 0;
}
.editor-visual-editor{
align-items:center;
background-color:#ddd;
- display:block;
+ display:flex;
position:relative;
}
+.editor-visual-editor iframe[name=editor-canvas]{
+ background-color:initial;
+}
.editor-visual-editor.is-resizable{
max-height:100%;
}
@@ -2484,4 +2448,23 @@
}
.editor-visual-editor .components-button.has-icon,.editor-visual-editor .components-button.is-tertiary{
padding:6px;
+}
+
+.editor-fields-content-preview{
+ border-radius:4px;
+ display:flex;
+ flex-direction:column;
+ height:100%;
+}
+.dataviews-view-table .editor-fields-content-preview{
+ flex-grow:0;
+ width:96px;
+}
+.editor-fields-content-preview .block-editor-block-preview__container,.editor-fields-content-preview .editor-fields-content-preview__empty{
+ margin-bottom:auto;
+ margin-top:auto;
+}
+
+.editor-fields-content-preview__empty{
+ text-align:center;
}
\ No newline at end of file