diff -r 48c4eec2b7e6 -r 8c2e4d02f4ef wp/wp-includes/css/dist/block-editor/content-rtl.css --- a/wp/wp-includes/css/dist/block-editor/content-rtl.css Fri Sep 05 18:40:08 2025 +0200 +++ b/wp/wp-includes/css/dist/block-editor/content-rtl.css Fri Sep 05 18:52:52 2025 +0200 @@ -49,7 +49,7 @@ opacity:.4; } } -:root .block-editor-block-list__layout::selection,:root .has-multi-selection .block-editor-block-list__layout::selection,_::-webkit-full-page-media,_:future{ +:root .block-editor-block-list__layout::selection,:root [data-has-multi-selection=true] .block-editor-block-list__layout::selection,_::-webkit-full-page-media,_:future{ background-color:initial; } .block-editor-block-list__layout{ @@ -59,8 +59,6 @@ background:#0000; } .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{ - animation:selection-overlay__fade-in-animation .1s ease-out; - animation-fill-mode:forwards; background:var(--wp-admin-theme-color); bottom:0; content:""; @@ -73,79 +71,44 @@ top:0; z-index:1; } -@media (prefers-reduced-motion:reduce){ +@media not (prefers-reduced-motion){ .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{ - animation-delay:0s; - animation-duration:1ms; + animation:selection-overlay__fade-in-animation .1s ease-out; + animation-fill-mode:forwards; } } .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected).is-highlighted:after{ outline-color:#0000; } -.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected,.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected{ +.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected,.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus{ outline:none; } -.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected:after,.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus:after,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after{ +.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected:after,.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus:after{ bottom:0; content:""; left:0; outline-color:var(--wp-admin-theme-color); - outline-offset:calc((-1*var(--wp-admin-border-width-focus))/var(--wp-block-editor-iframe-zoom-out-scale, 1)); + outline-offset:calc(((-1*var(--wp-admin-border-width-focus))/var(--wp-block-editor-iframe-zoom-out-scale, 1))*1); outline-style:solid; - outline-width:calc(var(--wp-admin-border-width-focus)/var(--wp-block-editor-iframe-zoom-out-scale, 1)); + outline-width:calc((var(--wp-admin-border-width-focus)/var(--wp-block-editor-iframe-zoom-out-scale, 1))*1); pointer-events:none; position:absolute; right:0; top:0; z-index:1; } -.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected:after,.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus:after,.is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after{ - outline-color:#fff; -} -.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected:after{ - border-radius:2px; - border-top:4px solid #ccc; - bottom:auto; - box-shadow:none; - content:""; - left:0; - pointer-events:none; - position:absolute; - right:0; - top:-14px; - transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear; - z-index:0; -} -.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected:after{ - border-color:var(--wp-admin-theme-color); -} -.has-multi-selection .block-editor-block-list__layout{ - -webkit-user-select:none; - user-select:none; -} .block-editor-block-list__layout [class^=components-]{ -webkit-user-select:text; user-select:text; } -.is-block-moving-mode.block-editor-block-list__block-selection-button{ - font-size:1px; - height:1px; - opacity:0; - padding:0; -} - .block-editor-block-list__layout .block-editor-block-list__block{ overflow-wrap:break-word; pointer-events:auto; position:relative; - -webkit-user-select:text; - user-select:text; } .block-editor-block-list__layout .block-editor-block-list__block.is-editing-disabled{ pointer-events:none; - -webkit-user-select:none; - user-select:none; } .block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.has-child-selected,.block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.is-selected{ z-index:20; @@ -176,7 +139,6 @@ } .block-editor-block-list__layout .block-editor-block-list__block.has-warning:after{ background-color:#fff6; - border-radius:2px; bottom:0; content:""; left:0; @@ -187,12 +149,6 @@ .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected:after{ background-color:initial; } -.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay:after{ - display:none; -} -.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay:after{ - display:block; -} .block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected:after{ box-shadow:0 0 0 1px var(--wp-admin-theme-color); } @@ -200,20 +156,20 @@ float:none; } -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected{ +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected{ cursor:default; } -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text{ - cursor:unset; +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered .rich-text,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered.rich-text,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected .rich-text,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text{ + cursor:auto; } .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered:not(.is-selected):after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline):not(.rich-text):not([contenteditable=true]).is-selected:after{ bottom:0; content:""; left:0; outline-color:var(--wp-admin-theme-color); - outline-offset:calc((-1*var(--wp-admin-border-width-focus))/var(--wp-block-editor-iframe-zoom-out-scale, 1)); + outline-offset:calc(((-1*var(--wp-admin-border-width-focus))/var(--wp-block-editor-iframe-zoom-out-scale, 1))*1); outline-style:solid; - outline-width:calc(var(--wp-admin-border-width-focus)/var(--wp-block-editor-iframe-zoom-out-scale, 1)); + outline-width:calc((var(--wp-admin-border-width-focus)/var(--wp-block-editor-iframe-zoom-out-scale, 1))*1); pointer-events:none; position:absolute; right:0; @@ -222,9 +178,6 @@ .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-hovered:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected:after{ outline-color:var(--wp-block-synced-color); } -.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{ - outline-color:#fff; -} @keyframes block-editor-is-editable__animation{ 0%{ @@ -245,7 +198,7 @@ background-color:rgba(var(--wp-admin-theme-color--rgb), 0); } } -.is-root-container:not([inert]) .block-editor-block-list__block.is-reusable.is-selected .block-editor-block-list__block.has-editable-outline:after{ +.is-root-container:not([inert]) .block-editor-block-list__block.is-selected .block-editor-block-list__block.has-editable-outline:after{ animation-delay:.1s; animation-duration:.8s; animation-fill-mode:backwards; @@ -260,7 +213,7 @@ top:0; } @media (prefers-reduced-motion:reduce){ - .is-root-container:not([inert]) .block-editor-block-list__block.is-reusable.is-selected .block-editor-block-list__block.has-editable-outline:after{ + .is-root-container:not([inert]) .block-editor-block-list__block.is-selected .block-editor-block-list__block.has-editable-outline:after{ animation-delay:0s; animation-name:block-editor-is-editable__animation_reduce-motion; } @@ -268,12 +221,10 @@ .is-focus-mode .block-editor-block-list__block:not(.has-child-selected){ opacity:.2; - transition:opacity .1s linear; } -@media (prefers-reduced-motion:reduce){ +@media not (prefers-reduced-motion){ .is-focus-mode .block-editor-block-list__block:not(.has-child-selected){ - transition-delay:0s; - transition-duration:0s; + transition:opacity .1s linear; } } @@ -314,14 +265,10 @@ opacity:1; } } -.wp-block .block-list-appender .block-editor-inserter__toggle{ - animation:block-editor-inserter__toggle__fade-in-animation .1s ease; - animation-fill-mode:forwards; -} -@media (prefers-reduced-motion:reduce){ +@media not (prefers-reduced-motion){ .wp-block .block-list-appender .block-editor-inserter__toggle{ - animation-delay:0s; - animation-duration:1ms; + animation:block-editor-inserter__toggle__fade-in-animation .1s ease; + animation-fill-mode:forwards; } } @@ -346,13 +293,11 @@ overflow:hidden; padding:12px; resize:none; - transition:padding .2s linear; width:100%; } -@media (prefers-reduced-motion:reduce){ +@media not (prefers-reduced-motion){ .block-editor-block-list__block .block-editor-block-list__block-html-textarea{ - transition-delay:0s; - transition-duration:0s; + transition:padding .2s linear; } } .block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus{ @@ -366,6 +311,40 @@ margin-bottom:auto; } +.block-editor-block-list__zoom-out-separator{ + align-items:center; + background:#ddd; + color:#000; + display:flex; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + font-weight:400; + justify-content:center; + margin-left:-1px; + margin-right:-1px; + overflow:hidden; +} +@media not (prefers-reduced-motion){ + .block-editor-block-list__zoom-out-separator{ + transition:background-color .3s ease; + } +} +.is-zoomed-out .block-editor-block-list__zoom-out-separator{ + font-size:calc(13px/var(--wp-block-editor-iframe-zoom-out-scale)); +} +.block-editor-block-list__zoom-out-separator.is-dragged-over{ + background:#ccc; +} + +.block-editor-block-list__layout.is-root-container.has-global-padding>.block-editor-block-list__zoom-out-separator,.has-global-padding>.block-editor-block-list__zoom-out-separator{ + margin:0 calc(var(--wp--style--root--padding-left)*-1 - 1px) 0 calc(var(--wp--style--root--padding-right)*-1 - 1px) !important; + max-width:none; +} + +.is-dragging{ + cursor:grabbing; +} + .is-vertical .block-list-appender{ margin-left:auto; margin-right:12px; @@ -395,10 +374,11 @@ } .block-editor-block-list__layout .is-dragging{ - background-color:currentColor !important; border-radius:2px !important; - opacity:.05 !important; - pointer-events:none !important; + opacity:.1 !important; +} +.block-editor-block-list__layout .is-dragging iframe{ + pointer-events:none; } .block-editor-block-list__layout .is-dragging::selection{ background:#0000 !important; @@ -407,6 +387,10 @@ content:none !important; } +.wp-block img:not([draggable]),.wp-block svg:not([draggable]){ + pointer-events:none; +} + .block-editor-block-preview__content-iframe .block-list-appender{ display:none; } @@ -466,9 +450,6 @@ justify-content:center; width:100%; } -.block-editor-button-block-appender.components-button.components-button{ - padding:12px; -} .is-dark-theme .block-editor-button-block-appender{ box-shadow:inset 0 0 0 1px #ffffffa6; color:#ffffffa6; @@ -489,7 +470,6 @@ } .block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child:after,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after{ border:1px dashed; - border-radius:2px; bottom:0; content:""; left:0; @@ -498,17 +478,6 @@ right:0; top:0; } -.block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child:after:before,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child:after:before,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before{ - background:currentColor; - bottom:0; - content:""; - left:0; - opacity:.1; - pointer-events:none; - position:absolute; - right:0; - top:0; -} .block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter{ opacity:0; } @@ -528,11 +497,10 @@ background-color:var(--wp-admin-theme-color); box-shadow:inset 0 0 0 1px #ffffffa6; color:#ffffffa6; - transition:background-color .2s ease-in-out; } -@media (prefers-reduced-motion:reduce){ +@media not (prefers-reduced-motion){ .block-list-appender:only-child.is-drag-over .block-editor-button-block-appender{ - transition:none; + transition:background-color .2s ease-in-out; } } .block-editor-default-block-appender{ @@ -545,18 +513,15 @@ outline:1px solid #0000; } .block-editor-default-block-appender .block-editor-default-block-appender__content{ - opacity:.62; -} -:where(.wp-site-blocks) .block-editor-default-block-appender>:first-child,:where(body .is-layout-constrained) .block-editor-default-block-appender>:first-child{ margin-block-end:0; margin-block-start:0; + opacity:.62; } .block-editor-default-block-appender .components-drop-zone__content-icon{ display:none; } .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon{ background:#1e1e1e; - border-radius:2px; color:#fff; height:24px; min-width:24px; @@ -567,13 +532,13 @@ color:#fff; } -.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,.block-editor-default-block-appender .block-editor-inserter{ +.block-editor-default-block-appender .block-editor-inserter{ left:0; line-height:0; position:absolute; top:0; } -.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled,.block-editor-default-block-appender .block-editor-inserter:disabled{ +.block-editor-default-block-appender .block-editor-inserter:disabled{ display:none; } .block-editor-block-list__block .block-list-appender{ @@ -588,6 +553,9 @@ line-height:0; margin:0; } +.block-editor-block-list__block .block-list-appender .block-editor-inserter:disabled{ + display:none; +} .block-editor-block-list__block .block-list-appender .block-editor-default-block-appender{ height:24px; } @@ -632,84 +600,44 @@ position:relative; } -.block-editor-iframe__container{ - height:100%; - overflow-x:hidden; - width:100%; -} - -.block-editor-iframe__scale-container{ - display:flex; - height:100%; - width:100%; -} - -.block-editor-iframe__scale-container.is-zoomed-out{ - margin-right:calc((var(--wp-block-editor-iframe-zoom-out-prev-container-width, 100vw) - var(--wp-block-editor-iframe-zoom-out-container-width, 100vw))*-1/2); - width:var(--wp-block-editor-iframe-zoom-out-prev-container-width, 100vw); -} - .block-editor-iframe__html{ transform-origin:top center; - transition:transform .3s; } -@media (prefers-reduced-motion:reduce){ +@media not (prefers-reduced-motion){ .block-editor-iframe__html{ - transition-delay:0s; - transition-duration:0s; + transition:background-color .4s; } } - +.block-editor-iframe__html.zoom-out-animation{ + bottom:0; + left:0; + overflow-y:var(--wp-block-editor-iframe-zoom-out-overflow-behavior, scroll); + position:fixed; + right:0; + top:calc(var(--wp-block-editor-iframe-zoom-out-scroll-top, 0)*-1); +} .block-editor-iframe__html.is-zoomed-out{ background-color:#ddd; - border:calc(var(--wp-block-editor-iframe-zoom-out-frame-size)/var(--wp-block-editor-iframe-zoom-out-scale)) solid #ddd; - margin-bottom:calc(var(--wp-block-editor-iframe-zoom-out-content-height)*(1 - var(--wp-block-editor-iframe-zoom-out-scale))*-1 + var(--wp-block-editor-iframe-zoom-out-frame-size)*2*-1 + -2px); - transform:scale(var(--wp-block-editor-iframe-zoom-out-scale)); + margin-bottom:calc(var(--wp-block-editor-iframe-zoom-out-content-height)*(1 - var(--wp-block-editor-iframe-zoom-out-scale, 1))*-1 + var(--wp-block-editor-iframe-zoom-out-frame-size, 0)*2/var(--wp-block-editor-iframe-zoom-out-scale, 1)*-1 + -2px); + padding-bottom:calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0)/var(--wp-block-editor-iframe-zoom-out-scale, 1)); + padding-top:calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0)/var(--wp-block-editor-iframe-zoom-out-scale, 1)); + scale:var(--wp-block-editor-iframe-zoom-out-scale, 1); + transform:translateX(calc(((var(--wp-block-editor-iframe-zoom-out-scale-container-width) - var(--wp-block-editor-iframe-zoom-out-container-width, 100vw))/2/var(--wp-block-editor-iframe-zoom-out-scale, 1))*-1)); } .block-editor-iframe__html.is-zoomed-out body{ - display:flex; - flex-direction:column; - min-height:calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - 2*var(--wp-block-editor-iframe-zoom-out-frame-size))/var(--wp-block-editor-iframe-zoom-out-scale)); + min-height:calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - 2*var(--wp-block-editor-iframe-zoom-out-frame-size, 0)/var(--wp-block-editor-iframe-zoom-out-scale, 1))/var(--wp-block-editor-iframe-zoom-out-scale, 1)); } -.block-editor-iframe__html.is-zoomed-out body>.is-root-container{ +.block-editor-iframe__html.is-zoomed-out body>.is-root-container:not(.wp-block-post-content){ display:flex; flex:1; flex-direction:column; height:100%; } -.block-editor-iframe__html.is-zoomed-out body>.is-root-container>main{ +.block-editor-iframe__html.is-zoomed-out body>.is-root-container:not(.wp-block-post-content)>main{ flex:1; } - -.block-editor-block-list__layout.has-overlay:after{ - bottom:0; - content:""; - left:0; - position:absolute; - right:0; - top:0; - z-index:60; -} - -.block-editor-media-placeholder__url-input-form{ - display:flex; -} -.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{ - border:none; - border-radius:0; - flex-grow:1; - margin:2px; - min-width:200px; - width:100%; -} -@media (min-width:600px){ - .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{ - width:300px; - } -} - -.block-editor-media-placeholder__url-input-submit-button{ - flex-shrink:1; +.block-editor-iframe__html.is-zoomed-out .wp-block[draggable]{ + cursor:grab; } .block-editor-media-placeholder__cancel-button.is-link{ @@ -747,13 +675,6 @@ .rich-text:focus{ outline:none; } -.rich-text:focus [data-rich-text-format-boundary]{ - border-radius:2px; -} - -.block-editor-rich-text__editable>p:first-child{ - margin-top:0; -} figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ opacity:.8; @@ -767,6 +688,19 @@ content:""; } +[data-rich-text-comment],[data-rich-text-format-boundary]{ + border-radius:2px; +} + +[data-rich-text-comment]{ + background-color:currentColor; +} +[data-rich-text-comment] span{ + color:currentColor; + filter:invert(100%); + padding:0 2px; +} + .block-editor-warning{ align-items:center; background-color:#fff; @@ -793,20 +727,14 @@ display:flex; flex-direction:row; flex-wrap:wrap; + gap:12px; justify-content:space-between; width:100%; } .block-editor-warning .block-editor-warning__actions{ align-items:center; display:flex; - margin-top:1em; -} -.block-editor-warning .block-editor-warning__action{ - margin:0 0 0 8px; -} - -.block-editor-warning__secondary{ - margin:auto 8px auto 0; + gap:8px; } .components-popover.block-editor-warning__dropdown{