wp/wp-includes/css/dist/edit-post/style.css
changeset 22 8c2e4d02f4ef
parent 21 48c4eec2b7e6
--- a/wp/wp-includes/css/dist/edit-post/style.css	Fri Sep 05 18:40:08 2025 +0200
+++ b/wp/wp-includes/css/dist/edit-post/style.css	Fri Sep 05 18:52:52 2025 +0200
@@ -16,9 +16,6 @@
   }
 }
 
-.edit-post-fullscreen-mode-close.components-button{
-  display:none;
-}
 @media (min-width:782px){
   .edit-post-fullscreen-mode-close.components-button{
     align-items:center;
@@ -48,13 +45,11 @@
     position:absolute;
     right:9px;
     top:9px;
-    transition:box-shadow .1s ease;
   }
 }
-@media (min-width:782px) and (prefers-reduced-motion:reduce){
+@media (min-width:782px) and (not (prefers-reduced-motion)){
   .edit-post-fullscreen-mode-close.components-button:before{
-    transition-delay:0s;
-    transition-duration:0s;
+    transition:box-shadow .1s ease;
   }
 }
 @media (min-width:782px){
@@ -85,9 +80,108 @@
   content:none;
 }
 
+.edit-post-meta-boxes-main{
+  background-color:#fff;
+  display:flex;
+  filter:drop-shadow(0 -1px rgba(0, 0, 0, .133));
+  flex-direction:column;
+  outline:1px solid #0000;
+  overflow:hidden;
+}
+.edit-post-meta-boxes-main.is-resizable{
+  padding-block-start:24px;
+}
+
+.edit-post-meta-boxes-main__presenter{
+  box-shadow:0 1px #ddd;
+  display:flex;
+  outline:1px solid #0000;
+  position:relative;
+  z-index:1;
+}
+.is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button,.is-toggle-only>.edit-post-meta-boxes-main__presenter{
+  appearance:none;
+  background-color:initial;
+  border:none;
+  outline:none;
+  padding:0;
+}
+.is-toggle-only>.edit-post-meta-boxes-main__presenter{
+  align-items:center;
+  cursor:pointer;
+  flex-shrink:0;
+  height:32px;
+  justify-content:space-between;
+  padding-inline:24px 12px;
+}
+.is-toggle-only>.edit-post-meta-boxes-main__presenter:is(:hover,:focus-visible){
+  color:var(--wp-admin-theme-color);
+}
+.is-toggle-only>.edit-post-meta-boxes-main__presenter:focus-visible:after{
+  box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  content:"";
+  inset:var(--wp-admin-border-width-focus);
+  outline:2px solid #0000;
+  position:absolute;
+}
+.is-toggle-only>.edit-post-meta-boxes-main__presenter>svg{
+  fill:currentColor;
+}
+.is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter{
+  inset:0 0 auto;
+}
+.is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button{
+  cursor:inherit;
+  height:24px;
+  margin:auto;
+  width:64px;
+}
+.is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button:before{
+  background-color:#ddd;
+  border-radius:2px;
+  content:"";
+  height:4px;
+  inset-block:calc(50% - 2px) auto;
+  outline:2px solid #0000;
+  outline-offset:-2px;
+  position:absolute;
+  transform:translateX(-50%);
+  width:inherit;
+}
+@media not (prefers-reduced-motion){
+  .is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button:before{
+    transition:width .3s ease-out;
+  }
+}
+.is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter:is(:hover,:focus-within)>button:before{
+  background-color:var(--wp-admin-theme-color);
+  width:80px;
+}
+
+@media (pointer:coarse){
+  .is-resizable.edit-post-meta-boxes-main{
+    padding-block-start:32px;
+  }
+  .is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button{
+    height:32px;
+  }
+}
+.edit-post-meta-boxes-main__liner{
+  isolation:isolate;
+  overflow:auto;
+}
+
 .edit-post-layout__metaboxes{
   clear:both;
-  flex-shrink:0;
+}
+
+.has-metaboxes .interface-interface-skeleton__content:has(.edit-post-meta-boxes-main) .editor-visual-editor{
+  flex-basis:0%;
+  flex-shrink:1;
+}
+
+.has-metaboxes .editor-visual-editor.is-iframed{
+  isolation:isolate;
 }
 
 .components-editor-notices__snackbar{
@@ -237,14 +331,7 @@
 .edit-template-welcome-guide .components-button svg{
   fill:#fff;
 }
-@keyframes edit-post__fade-in-animation{
-  0%{
-    opacity:0;
-  }
-  to{
-    opacity:1;
-  }
-}
+
 body.js.block-editor-page{
   background:#fff;
 }