diff options
Diffstat (limited to 'wp-includes/css/dist/edit-post/style.css')
| -rw-r--r-- | wp-includes/css/dist/edit-post/style.css | 900 |
1 files changed, 17 insertions, 883 deletions
diff --git a/wp-includes/css/dist/edit-post/style.css b/wp-includes/css/dist/edit-post/style.css index 0070456..0e1a692 100644 --- a/wp-includes/css/dist/edit-post/style.css +++ b/wp-includes/css/dist/edit-post/style.css @@ -8,7 +8,7 @@ --wp-admin-border-width-focus:2px; --wp-block-synced-color:#7a00df; --wp-block-synced-color--rgb:122, 0, 223; - --wp-bound-block-color:#9747ff; + --wp-bound-block-color:var(--wp-block-synced-color); } @media (min-resolution:192dpi){ :root{ @@ -16,598 +16,6 @@ } } -.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{ - 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; - padding-right:4px; -} -.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; - } - .components-panel__header+.interface-complementary-area-header{ - margin-top:0; - } -} - -.interface-complementary-area{ - background:#fff; - color:#1e1e1e; -} -@media (min-width:600px){ - .interface-complementary-area{ - -webkit-overflow-scrolling:touch; - } -} -@media (min-width:782px){ - .interface-complementary-area{ - width:280px; - } -} -.interface-complementary-area .components-panel{ - border:none; - position:relative; - z-index:0; -} -.interface-complementary-area .components-panel__header{ - position:sticky; - top:0; - z-index:1; -} -.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{ - top:48px; -} -@media (min-width:782px){ - .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{ - top:0; - } -} -.interface-complementary-area p:not(.components-base-control__help){ - margin-top:0; -} -.interface-complementary-area h2{ - color:#1e1e1e; - font-size:13px; - margin-bottom:1.5em; -} -.interface-complementary-area h3{ - color:#1e1e1e; - font-size:11px; - font-weight:500; - margin-bottom:1.5em; - text-transform:uppercase; -} -.interface-complementary-area hr{ - border-bottom:1px solid #f0f0f0; - border-top:none; - margin:1.5em 0; -} -.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{ - box-shadow:none; - margin-bottom:1.5em; -} -.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{ - margin-bottom:0; -} -.interface-complementary-area .block-editor-skip-to-selected-block:focus{ - bottom:10px; - left:auto; - right:10px; - top:auto; -} - -@media (min-width:782px){ - body.js.is-fullscreen-mode{ - height:calc(100% + 32px); - margin-top:-32px; - } - body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{ - display:none; - } - body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{ - margin-left:0; - } -} - -html.interface-interface-skeleton__html-container{ - position:fixed; - width:100%; -} -@media (min-width:782px){ - html.interface-interface-skeleton__html-container{ - position:static; - width:auto; - } -} - -.interface-interface-skeleton{ - bottom:0; - display:flex; - flex-direction:row; - height:auto; - max-height:100%; - position:fixed; - right:0; - top:46px; -} -@media (min-width:783px){ - .interface-interface-skeleton{ - top:32px; - } - .is-fullscreen-mode .interface-interface-skeleton{ - top:0; - } -} - -.interface-interface-skeleton__editor{ - display:flex; - flex:0 1 100%; - flex-direction:column; - overflow:hidden; -} - -.interface-interface-skeleton{ - left:0; -} -@media (min-width:783px){ - .interface-interface-skeleton{ - left:160px; - } -} -@media (min-width:783px){ - .auto-fold .interface-interface-skeleton{ - left:36px; - } -} -@media (min-width:961px){ - .auto-fold .interface-interface-skeleton{ - left:160px; - } -} -.folded .interface-interface-skeleton{ - left:0; -} -@media (min-width:783px){ - .folded .interface-interface-skeleton{ - left:36px; - } -} - -body.is-fullscreen-mode .interface-interface-skeleton{ - left:0 !important; -} - -.interface-interface-skeleton__body{ - display:flex; - flex-grow:1; - overflow:auto; - overscroll-behavior-y:none; -} -@media (min-width:782px){ - .has-footer .interface-interface-skeleton__body{ - padding-bottom:25px; - } -} - -.interface-interface-skeleton__content{ - display:flex; - flex-direction:column; - flex-grow:1; - overflow:auto; - z-index:20; -} -@media (min-width:782px){ - .interface-interface-skeleton__content{ - z-index:auto; - } -} - -.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ - background:#fff; - bottom:0; - color:#1e1e1e; - flex-shrink:0; - left:0; - position:absolute; - right:0; - top:0; - z-index:100000; -} -@media (min-width:782px){ - .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ - position:relative !important; - width:auto; - } - .is-sidebar-opened .interface-interface-skeleton__secondary-sidebar,.is-sidebar-opened .interface-interface-skeleton__sidebar{ - z-index:90; - } -} - -.interface-interface-skeleton__sidebar{ - overflow:auto; -} -@media (min-width:782px){ - .interface-interface-skeleton__sidebar{ - border-left:1px solid #e0e0e0; - } - .interface-interface-skeleton__secondary-sidebar{ - border-right:1px solid #e0e0e0; - } -} - -.interface-interface-skeleton__header{ - border-bottom:1px solid #e0e0e0; - color:#1e1e1e; - flex-shrink:0; - height:auto; - z-index:30; -} - -.interface-interface-skeleton__footer{ - background-color:#fff; - border-top:1px solid #e0e0e0; - bottom:0; - color:#1e1e1e; - display:none; - flex-shrink:0; - height:auto; - left:0; - position:absolute; - width:100%; - z-index:90; -} -@media (min-width:782px){ - .interface-interface-skeleton__footer{ - display:flex; - } -} -.interface-interface-skeleton__footer .block-editor-block-breadcrumb{ - align-items:center; - background:#fff; - display:flex; - font-size:13px; - height:24px; - padding:0 18px; - z-index:30; -} - -.interface-interface-skeleton__actions{ - background:#fff; - bottom:auto; - color:#1e1e1e; - left:auto; - position:fixed !important; - right:0; - top:-9999em; - width:100vw; - z-index:100000; -} -@media (min-width:782px){ - .interface-interface-skeleton__actions{ - width:280px; - } -} -.interface-interface-skeleton__actions:focus,.interface-interface-skeleton__actions:focus-within{ - bottom:0; - top:auto; -} -.is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{ - top:46px; -} -@media (min-width:782px){ - .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{ - border-left:1px solid #ddd; - top:32px; - } - .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{ - top:0; - } -} - -.interface-more-menu-dropdown{ - margin-left:-4px; -} -.interface-more-menu-dropdown .components-button{ - padding:0 2px; - width:auto; -} -@media (min-width:600px){ - .interface-more-menu-dropdown{ - margin-left:0; - } - .interface-more-menu-dropdown .components-button{ - padding:0 4px; - } -} - -.interface-more-menu-dropdown__content .components-popover__content{ - min-width:300px; -} -@media (min-width:480px){ - .interface-more-menu-dropdown__content .components-popover__content{ - max-width:480px; - } -} -.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu{ - padding:0; -} - -.components-popover.interface-more-menu-dropdown__content{ - z-index:99998; -} - -.interface-pinned-items{ - display:flex; - gap:8px; -} -.interface-pinned-items .components-button{ - display:none; - margin:0; -} -.interface-pinned-items .components-button[aria-controls="edit-post:block"],.interface-pinned-items .components-button[aria-controls="edit-post:document"],.interface-pinned-items .components-button[aria-controls="edit-site:block-inspector"],.interface-pinned-items .components-button[aria-controls="edit-site:global-styles"],.interface-pinned-items .components-button[aria-controls="edit-site:template"]{ - display:flex; -} -.interface-pinned-items .components-button svg{ - max-height:24px; - max-width:24px; -} -@media (min-width:600px){ - .interface-pinned-items .components-button{ - display:flex; - } -} - -.edit-post-header{ - align-items:center; - background:#fff; - display:flex; - flex-wrap:wrap; - height:60px; - justify-content:space-between; - max-width:100vw; -} -@media (min-width:280px){ - .edit-post-header{ - flex-wrap:nowrap; - } -} - -.edit-post-header__toolbar{ - align-items:center; - display:flex; - flex-grow:3; - flex-shrink:8; - overflow:hidden; - padding:2px 0; -} -.edit-post-header__toolbar .table-of-contents{ - display:none; -} -@media (min-width:600px){ - .edit-post-header__toolbar .table-of-contents{ - display:block; - } -} -.edit-post-header__toolbar .selected-block-tools-wrapper{ - align-items:center; - display:flex; - height:60px; - overflow:hidden; -} -.edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-contextual-toolbar{ - border-bottom:0; - height:100%; -} -.edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-toolbar{ - height:100%; - padding-top:15px; -} -.edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-toolbar .components-button:not(.block-editor-block-mover-button){ - height:32px; -} -.edit-post-header__toolbar .selected-block-tools-wrapper:after{ - background-color:#ddd; - content:""; - height:24px; - margin-left:8px; - width:1px; -} -.edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar,.edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar-group{ - border-right:none; -} -.edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar-group:after,.edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar:after{ - background-color:#ddd; - content:""; - height:24px; - margin-left:8px; - margin-top:4px; - width:1px; -} -.edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar .components-toolbar-group.components-toolbar-group:after,.edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar-group .components-toolbar-group.components-toolbar-group:after{ - display:none; -} -.edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-mover.is-horizontal .block-editor-block-mover-button{ - height:32px; - overflow:visible; -} -@media (min-width:600px){ - .edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{ - position:relative; - top:-10px; - } -} -.edit-post-header__toolbar .selected-block-tools-wrapper.is-collapsed{ - display:none; -} - -.edit-post-header__block-tools-toggle{ - margin-left:2px; -} - -.edit-post-header__center{ - display:flex; - flex-grow:1; - justify-content:center; -} -.edit-post-header__center.is-collapsed{ - display:none; -} -.edit-post-header__settings{ - align-items:center; - display:inline-flex; - flex-wrap:nowrap; - gap:8px; - padding-right:4px; -} -@media (min-width:600px){ - .edit-post-header__settings{ - padding-right:8px; - } -} -.edit-post-header__dropdown .components-button.has-icon,.show-icon-labels .edit-post-header .components-button.has-icon,.show-icon-labels.interface-pinned-items .components-button.has-icon{ - width:auto; -} -.edit-post-header__dropdown .components-button.has-icon svg,.show-icon-labels .edit-post-header .components-button.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon svg{ - display:none; -} -.edit-post-header__dropdown .components-button.has-icon:after,.show-icon-labels .edit-post-header .components-button.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon:after{ - content:attr(aria-label); -} -.edit-post-header__dropdown .components-button.has-icon[aria-disabled=true],.show-icon-labels .edit-post-header .components-button.has-icon[aria-disabled=true],.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true]{ - background-color:initial; -} -.edit-post-header__dropdown .is-tertiary:active,.show-icon-labels .edit-post-header .is-tertiary:active,.show-icon-labels.interface-pinned-items .is-tertiary:active{ - background-color:initial; - box-shadow:0 0 0 1.5px var(--wp-admin-theme-color); -} -.edit-post-header__dropdown .components-button.has-icon.button-toggle svg,.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon svg,.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle svg,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon svg{ - display:block; -} -.edit-post-header__dropdown .components-button.has-icon.button-toggle:after,.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon:after,.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle:after,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle:after,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon:after{ - content:none; -} -.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon{ - width:60px; -} -.edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels .edit-post-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon{ - display:block; -} -.edit-post-header__dropdown .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,.edit-post-header__dropdown .interface-pinned-items .components-button,.show-icon-labels .edit-post-header .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,.show-icon-labels .edit-post-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{ - padding-left:8px; - padding-right:8px; -} -@media (min-width:600px){ - .edit-post-header__dropdown .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,.edit-post-header__dropdown .interface-pinned-items .components-button,.show-icon-labels .edit-post-header .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,.show-icon-labels .edit-post-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{ - padding-left:12px; - padding-right:12px; - } -} -.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.edit-post-header__dropdown .editor-post-saved-state.editor-post-saved-state:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .editor-post-saved-state.editor-post-saved-state:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-saved-state.editor-post-saved-state:after{ - content:none; -} - -.show-icon-labels .edit-post-header__toolbar .block-editor-block-mover{ - border-left:none; -} -.show-icon-labels .edit-post-header__toolbar .block-editor-block-mover:before{ - background-color:#ddd; - content:""; - height:24px; - margin-left:8px; - margin-top:4px; - width:1px; -} -.show-icon-labels .edit-post-header__toolbar .block-editor-block-mover .block-editor-block-mover__move-button-container:before{ - background:#ddd; - left:calc(50% + 1px); - width:calc(100% - 24px); -} - -.edit-post-header__dropdown .components-button.block-editor-list-view,.edit-post-header__dropdown .components-button.editor-history__redo,.edit-post-header__dropdown .components-button.editor-history__undo,.edit-post-header__dropdown .components-menu-item__button.components-menu-item__button,.edit-post-header__dropdown .table-of-contents .components-button{ - justify-content:flex-start; - margin:0; - padding:6px 6px 6px 40px; - text-align:left; - width:14.625rem; -} - -.show-icon-labels.interface-pinned-items{ - border-bottom:1px solid #ccc; - display:block; - margin:0 -12px; - padding:6px 12px 12px; -} -.show-icon-labels.interface-pinned-items>.components-button.has-icon{ - justify-content:flex-start; - margin:0; - padding:6px 6px 6px 8px; - width:14.625rem; -} -.show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=true] svg{ - display:block; - max-width:24px; -} -.show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=false]{ - padding-left:40px; -} -.show-icon-labels.interface-pinned-items>.components-button.has-icon svg{ - margin-right:8px; -} - -@media (min-width:600px){ - .edit-post-header__post-preview-button{ - display:none; - } -} - -.is-distraction-free .interface-interface-skeleton__header{ - border-bottom:none; -} -.is-distraction-free .edit-post-header{ - background-color:#fff; - border-bottom:1px solid #e0e0e0; - position:absolute; - width:100%; -} -.is-distraction-free .edit-post-header>.edit-post-header__settings>.edit-post-header__post-preview-button{ - visibility:hidden; -} -.is-distraction-free .edit-post-header>.edit-post-header__settings>.editor-preview-dropdown,.is-distraction-free .edit-post-header>.edit-post-header__settings>.interface-pinned-items,.is-distraction-free .edit-post-header>.edit-post-header__toolbar .editor-document-tools__document-overview-toggle{ - display:none; -} -.is-distraction-free .interface-interface-skeleton__header:focus-within{ - opacity:1 !important; -} -.is-distraction-free .interface-interface-skeleton__header:focus-within div{ - transform:translateX(0) translateZ(0) !important; -} -.is-distraction-free .components-editor-notices__dismissible{ - position:absolute; - z-index:35; -} - .edit-post-fullscreen-mode-close.components-button{ display:none; } @@ -620,8 +28,7 @@ body.is-fullscreen-mode .interface-interface-skeleton{ border-radius:0; color:#fff; display:flex; - height:61px; - margin-bottom:-1px; + height:60px; position:relative; width:60px; } @@ -668,53 +75,19 @@ body.is-fullscreen-mode .interface-interface-skeleton{ object-fit:cover; width:36px; } - -.edit-post-keyboard-shortcut-help-modal__section{ - margin:0 0 2rem; -} -.edit-post-keyboard-shortcut-help-modal__section-title{ - font-size:.9rem; - font-weight:600; -} -.edit-post-keyboard-shortcut-help-modal__shortcut{ - align-items:baseline; - border-top:1px solid #ddd; - display:flex; - margin-bottom:0; - padding:.6rem 0; -} -.edit-post-keyboard-shortcut-help-modal__shortcut:last-child{ - border-bottom:1px solid #ddd; -} -.edit-post-keyboard-shortcut-help-modal__shortcut:empty{ - display:none; -} -.edit-post-keyboard-shortcut-help-modal__shortcut-term{ - font-weight:600; - margin:0 0 0 1rem; - text-align:right; -} -.edit-post-keyboard-shortcut-help-modal__shortcut-description{ - flex:1; - flex-basis:auto; - margin:0; +.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon{ + width:60px; } -.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination{ - background:none; +.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon svg{ display:block; - margin:0; - padding:0; } -.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination{ - margin-top:10px; -} -.edit-post-keyboard-shortcut-help-modal__shortcut-key{ - border-radius:8%; - margin:0 .2rem; - padding:.25rem .5rem; +.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon:after{ + content:none; } -.edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child{ - margin:0 0 0 .2rem; + +.edit-post-visual-editor:not(.is-iframed){ + flex:1 0 auto; + height:auto; } .edit-post-layout__metaboxes{ @@ -722,18 +95,14 @@ body.is-fullscreen-mode .interface-interface-skeleton{ flex-shrink:0; } -.edit-post-layout .components-editor-notices__snackbar{ - bottom:40px; - padding-left:16px; - padding-right:16px; +.components-editor-notices__snackbar{ + bottom:24px; + padding-left:24px; + padding-right:24px; position:fixed; right:0; } -.is-distraction-free .components-editor-notices__snackbar{ - bottom:20px; -} - .edit-post-layout .components-editor-notices__snackbar{ left:0; } @@ -765,76 +134,6 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ left:0 !important; } -.edit-post-layout .editor-post-publish-panel{ - bottom:0; - left:0; - overflow:auto; - position:fixed; - right:0; - top:46px; - z-index:100001; -} -@media (min-width:782px){ - .edit-post-layout .editor-post-publish-panel{ - animation:edit-post-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){ - .edit-post-layout .editor-post-publish-panel{ - animation-delay:0s; - animation-duration:1ms; - } -} -@media (min-width:782px){ - body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel{ - top:0; - } - [role=region]:focus .edit-post-layout .editor-post-publish-panel{ - transform:translateX(0); - } -} - -@keyframes edit-post-post-publish-panel__slide-in-animation{ - to{ - transform:translateX(0); - } -} -.edit-post-layout .editor-post-publish-panel__header-publish-button{ - justify-content:center; -} - -.edit-post-layout__toggle-entities-saved-states-panel,.edit-post-layout__toggle-publish-panel,.edit-post-layout__toggle-sidebar-panel{ - background-color:#fff; - border:1px dotted #ddd; - bottom:auto; - box-sizing:border-box; - display:flex; - height:auto !important; - justify-content:center; - left:auto; - padding:24px; - position:fixed !important; - right:0; - top:-9999em; - width:280px; - z-index:100000; -} - -.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__sidebar:focus .edit-post-layout__toggle-sidebar-panel,.interface-interface-skeleton__sidebar:focus-within .edit-post-layout__toggle-sidebar-panel{ - bottom:0; - top:auto; -} - -.edit-post-layout .entities-saved-states__panel-header{ - height:61px; -} - .edit-post-meta-boxes-area{ position:relative; } @@ -910,136 +209,6 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ clear:both; } -.components-panel__header.edit-post-sidebar__panel-tabs{ - padding-left:0; - padding-right:16px; -} -.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{ - height:24px; - min-width:24px; - padding:0; -} -@media (min-width:782px){ - .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{ - display:flex; - } -} - -.edit-post-sidebar__panel{ - margin-top:-1px; -} - -.edit-post-post-format,.edit-post-post-slug{ - align-items:stretch; - display:flex; - flex-direction:column; -} - -.edit-post-post-visibility__dialog .editor-post-visibility{ - margin:8px; - min-width:248px; -} - -h2.edit-post-template-summary__title{ - font-weight:500; - line-height:24px; - margin:0 0 4px; -} - -.edit-post-text-editor{ - background-color:#fff; - flex-grow:1; - position:relative; - width:100%; -} -.edit-post-text-editor .editor-post-title.is-raw-text textarea,.edit-post-text-editor .editor-post-title:not(.is-raw-text){ - border:1px solid #949494; - border-radius:0; - font-family:Menlo,Consolas,monaco,monospace; - font-size:2.5em; - font-weight:400; - line-height:1.4; - max-width:none; - padding:16px; -} -@media (min-width:600px){ - .edit-post-text-editor .editor-post-title.is-raw-text textarea,.edit-post-text-editor .editor-post-title:not(.is-raw-text){ - padding:24px; - } -} -.edit-post-text-editor .editor-post-title.is-raw-text textarea:focus,.edit-post-text-editor .editor-post-title:not(.is-raw-text):focus{ - border-color:var(--wp-admin-theme-color); - box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} - -.edit-post-text-editor__body{ - margin-left:auto; - margin-right:auto; - max-width:1080px; - padding:0 12px 12px; - width:100%; -} -@media (min-width:960px){ - .edit-post-text-editor__body{ - padding:0 24px 24px; - } -} - -.edit-post-text-editor__toolbar{ - background:#fffc; - display:flex; - left:0; - padding:4px 12px; - position:sticky; - right:0; - top:0; - z-index:1; -} -@media (min-width:600px){ - .edit-post-text-editor__toolbar{ - padding:12px; - } -} -@media (min-width:960px){ - .edit-post-text-editor__toolbar{ - padding:12px 24px; - } -} -.edit-post-text-editor__toolbar h2{ - color:#1e1e1e; - font-size:13px; - line-height:36px; - margin:0 auto 0 0; -} - -.edit-post-visual-editor{ - background-color:#ddd; - display:flex; - flex:1 0 auto; - flex-flow:column; - position:relative; -} -.edit-post-visual-editor:not(.has-inline-canvas){ - overflow:hidden; -} -.edit-post-visual-editor .components-button{ - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; - font-size:13px; - padding:6px 12px; -} -.edit-post-visual-editor .components-button.has-icon{ - padding:6px; -} - -.edit-post-visual-editor__content-area{ - box-sizing:border-box; - display:flex; - flex-grow:1; - height:100%; - position:relative; - width:100%; -} - .edit-post-welcome-guide,.edit-template-welcome-guide{ width:312px; } @@ -1073,31 +242,6 @@ h2.edit-post-template-summary__title{ .edit-template-welcome-guide .components-button svg{ fill:#fff; } - -.edit-post-start-page-options__modal-content .block-editor-block-patterns-list{ - column-count:2; - column-gap:24px; -} -@media (min-width:782px){ - .edit-post-start-page-options__modal-content .block-editor-block-patterns-list{ - column-count:3; - } -} -@media (min-width:1280px){ - .edit-post-start-page-options__modal-content .block-editor-block-patterns-list{ - column-count:4; - } -} -.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ - break-inside:avoid-column; - margin-bottom:24px; -} -.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{ - min-height:100px; -} -.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__content{ - width:100%; -} @keyframes edit-post__fade-in-animation{ 0%{ opacity:0; @@ -1139,10 +283,10 @@ body.js.block-editor-page .media-frame select.attachment-filters:last-of-type{ } } -.components-modal__frame,.edit-post-header,.edit-post-sidebar,.edit-post-text-editor,.editor-post-publish-panel{ +.edit-post-visual-editor.is-iframed,.editor-header,.editor-post-publish-panel,.editor-sidebar,.editor-text-editor{ box-sizing:border-box; } -.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before,.edit-post-header *,.edit-post-header :after,.edit-post-header :before,.edit-post-sidebar *,.edit-post-sidebar :after,.edit-post-sidebar :before,.edit-post-text-editor *,.edit-post-text-editor :after,.edit-post-text-editor :before,.editor-post-publish-panel *,.editor-post-publish-panel :after,.editor-post-publish-panel :before{ +.edit-post-visual-editor.is-iframed *,.edit-post-visual-editor.is-iframed :after,.edit-post-visual-editor.is-iframed :before,.editor-header *,.editor-header :after,.editor-header :before,.editor-post-publish-panel *,.editor-post-publish-panel :after,.editor-post-publish-panel :before,.editor-sidebar *,.editor-sidebar :after,.editor-sidebar :before,.editor-text-editor *,.editor-text-editor :after,.editor-text-editor :before{ box-sizing:inherit; } @@ -1287,14 +431,4 @@ body.admin-color-sunrise{ body.admin-color-sunrise{ --wp-admin-border-width-focus:1.5px; } -} - -.interface-interface-skeleton__sidebar{ - border-left:none; -} -@media (min-width:782px){ - .is-sidebar-opened .interface-interface-skeleton__sidebar{ - border-left:1px solid #e0e0e0; - overflow:hidden scroll; - } }
\ No newline at end of file |