diff -r 48c4eec2b7e6 -r 8c2e4d02f4ef wp/wp-includes/css/dist/edit-site/style-rtl.css --- a/wp/wp-includes/css/dist/edit-site/style-rtl.css Fri Sep 05 18:40:08 2025 +0200 +++ b/wp/wp-includes/css/dist/edit-site/style-rtl.css Fri Sep 05 18:52:52 2025 +0200 @@ -22,237 +22,73 @@ container:dataviews-wrapper/inline-size; display:flex; flex-direction:column; + font-size:13px; height:100%; + line-height:1.4; overflow:auto; scroll-padding-bottom:64px; } -.dataviews-filters__view-actions{ +.dataviews-filters__container,.dataviews__view-actions{ box-sizing:border-box; flex-shrink:0; padding:16px 48px; position:sticky; right:0; - transition:padding .1s ease-out; -} -@media (prefers-reduced-motion:reduce){ - .dataviews-filters__view-actions{ - transition-delay:0s; - transition-duration:0s; - } -} -.dataviews-filters__view-actions .components-search-control .components-base-control__field{ - max-width:240px; -} - -.dataviews-filters__container .dataviews-filters__reset-button[aria-disabled=true],.dataviews-filters__container .dataviews-filters__reset-button[aria-disabled=true]:hover{ - opacity:0; -} -.dataviews-filters__container .dataviews-filters__reset-button[aria-disabled=true]:focus{ - opacity:1; -} - -.dataviews-filters-button{ - position:relative; -} - -.dataviews-pagination{ - background-color:#fff; - border-top:1px solid #f0f0f0; - bottom:0; - color:#757575; - flex-shrink:0; - padding:12px 48px; - position:sticky; - right:0; - transition:padding .1s ease-out; -} -@media (prefers-reduced-motion:reduce){ - .dataviews-pagination{ - transition-delay:0s; - transition-duration:0s; +} +@media not (prefers-reduced-motion){ + .dataviews-filters__container,.dataviews__view-actions{ + transition:padding .1s ease-out; } } -.dataviews-pagination__page-selection{ - color:#1e1e1e; - font-size:11px; - font-weight:500; - text-transform:uppercase; -} - -.dataviews-filters-options{ - margin:32px 0 16px; -} - -.dataviews-view-table{ - border-collapse:collapse; - border-color:inherit; - color:#757575; - margin-bottom:auto; - position:relative; - text-indent:0; - width:100%; -} -.dataviews-view-table a{ - color:#1e1e1e; - font-weight:500; - text-decoration:none; -} -.dataviews-view-table th{ - color:#1e1e1e; - font-size:13px; - font-weight:400; - text-align:right; -} -.dataviews-view-table td,.dataviews-view-table th{ - padding:12px; - white-space:nowrap; -} -.dataviews-view-table td[data-field-id=actions],.dataviews-view-table th[data-field-id=actions]{ - text-align:left; -} -.dataviews-view-table td.dataviews-view-table__checkbox-column,.dataviews-view-table th.dataviews-view-table__checkbox-column{ - padding-left:0; -} -.dataviews-view-table tr{ - border-bottom:1px solid #f0f0f0; -} -.dataviews-view-table tr .dataviews-view-table-header-button{ - gap:4px; -} -.dataviews-view-table tr td:first-child,.dataviews-view-table tr td:last-child,.dataviews-view-table tr th:first-child,.dataviews-view-table tr th:last-child{ - transition:padding .1s ease-out; -} -@media (prefers-reduced-motion:reduce){ - .dataviews-view-table tr td:first-child,.dataviews-view-table tr td:last-child,.dataviews-view-table tr th:first-child,.dataviews-view-table tr th:last-child{ - transition-delay:0s; - transition-duration:0s; - } -} -.dataviews-view-table tr td:first-child,.dataviews-view-table tr th:first-child{ - padding-right:48px; -} -.dataviews-view-table tr td:first-child .dataviews-view-table-header,.dataviews-view-table tr td:first-child .dataviews-view-table-header-button,.dataviews-view-table tr th:first-child .dataviews-view-table-header,.dataviews-view-table tr th:first-child .dataviews-view-table-header-button{ - margin-right:-8px; -} -.dataviews-view-table tr td:last-child,.dataviews-view-table tr th:last-child{ - padding-left:48px; -} -.dataviews-view-table tr:last-child{ - border-bottom:0; -} -.dataviews-view-table tr.is-hovered{ - background-color:#f8f8f8; -} -.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input{ - opacity:0; -} -.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:checked,.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:focus,.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:indeterminate{ - opacity:1; -} -.dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){ - opacity:0; -} -.dataviews-view-table tr.is-hovered .components-checkbox-control__input,.dataviews-view-table tr.is-hovered .dataviews-item-actions .components-button:not(.dataviews-all-actions-button),.dataviews-view-table tr:focus-within .components-checkbox-control__input,.dataviews-view-table tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button),.dataviews-view-table tr:hover .components-checkbox-control__input,.dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){ - opacity:1; -} -@media (hover:none){ - .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input,.dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){ - opacity:1; - } -} -.dataviews-view-table tr.is-selected{ - background-color:rgba(var(--wp-admin-theme-color--rgb), .04); - color:#757575; -} -.dataviews-view-table tr.is-selected:hover{ - background-color:rgba(var(--wp-admin-theme-color--rgb), .08); -} -.dataviews-view-table thead{ - inset-block-start:0; - position:sticky; - z-index:1; -} -.dataviews-view-table thead tr{ - border:0; -} -.dataviews-view-table thead th{ - background-color:#fff; - box-shadow:inset 0 -1px 0 #f0f0f0; - font-size:11px; - font-weight:500; - padding-bottom:8px; - padding-right:4px; - padding-top:8px; - text-transform:uppercase; -} -.dataviews-view-table tbody td{ - vertical-align:top; -} -.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper{ +.dataviews-loading,.dataviews-no-results{ align-items:center; display:flex; - min-height:32px; -} -.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper>*{ flex-grow:1; -} -.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__primary-field a{ - flex-grow:0; -} -.dataviews-view-table .dataviews-view-table-header-button{ - font-size:11px; - font-weight:500; - padding:4px 8px; - text-transform:uppercase; -} -.dataviews-view-table .dataviews-view-table-header-button:not(:hover){ - color:#1e1e1e; -} -.dataviews-view-table .dataviews-view-table-header-button span{ - speak:none; -} -.dataviews-view-table .dataviews-view-table-header-button span:empty{ - display:none; -} -.dataviews-view-table .dataviews-view-table-header{ - padding-right:4px; -} -.dataviews-view-table .dataviews-view-table__actions-column{ - width:1%; -} -.dataviews-view-table:has(tr.is-selected) .components-checkbox-control__input{ - opacity:1; -} - -.dataviews-view-grid__primary-field,.dataviews-view-list__primary-field,.dataviews-view-table__primary-field{ - color:#757575; - display:block; + justify-content:center; + padding:0 48px; +} +@media not (prefers-reduced-motion){ + .dataviews-loading,.dataviews-no-results{ + transition:padding .1s ease-out; + } +} + +@container (max-width: 430px){ + .dataviews-filters__container,.dataviews__view-actions{ + padding:12px 24px; + } + .dataviews-loading,.dataviews-no-results{ + padding-left:24px; + padding-right:24px; + } +} +.dataviews-title-field{ font-size:13px; font-weight:500; + width:100%; +} +.dataviews-title-field,.dataviews-title-field a{ + color:#2f2f2f; text-overflow:ellipsis; white-space:nowrap; - width:100%; -} -.dataviews-view-grid__primary-field a,.dataviews-view-list__primary-field a,.dataviews-view-table__primary-field a{ - color:#1e1e1e; +} +.dataviews-title-field a{ display:block; flex-grow:0; overflow:hidden; text-decoration:none; - text-overflow:ellipsis; - white-space:nowrap; -} -.dataviews-view-grid__primary-field a:hover,.dataviews-view-list__primary-field a:hover,.dataviews-view-table__primary-field a:hover{ +} +.dataviews-title-field a:hover{ color:var(--wp-admin-theme-color); } -.dataviews-view-grid__primary-field a:focus,.dataviews-view-list__primary-field a:focus,.dataviews-view-table__primary-field a:focus{ +.dataviews-title-field a:focus{ border-radius:2px; box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba); color:var(--wp-admin-theme-color--rgb); } -.dataviews-view-grid__primary-field button.components-button.is-link,.dataviews-view-list__primary-field button.components-button.is-link,.dataviews-view-table__primary-field button.components-button.is-link{ +.dataviews-title-field button.components-button.is-link{ color:#1e1e1e; display:block; font-weight:inherit; @@ -262,53 +98,492 @@ white-space:nowrap; width:100%; } -.dataviews-view-grid__primary-field button.components-button.is-link:hover,.dataviews-view-list__primary-field button.components-button.is-link:hover,.dataviews-view-table__primary-field button.components-button.is-link:hover{ +.dataviews-title-field button.components-button.is-link:hover{ + color:var(--wp-admin-theme-color); +} + +.dataviews-title-field--clickable{ + color:#2f2f2f; + cursor:pointer; +} +.dataviews-title-field--clickable:hover{ + color:var(--wp-admin-theme-color); +} +.dataviews-title-field--clickable:focus{ + border-radius:2px; + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba); + color:var(--wp-admin-theme-color--rgb); +} + +.dataviews-bulk-actions-footer__item-count{ + color:#1e1e1e; + font-size:11px; + font-weight:500; + text-transform:uppercase; +} + +.dataviews-bulk-actions-footer__container{ + margin-left:auto; + min-height:32px; +} + +.dataviews-filters__button{ + position:relative; +} + +.dataviews-filters__container{ + padding-top:0; +} + +.dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true],.dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:hover{ + opacity:0; +} +.dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:focus{ + opacity:1; +} + +.dataviews-filters__summary-popover{ + font-size:13px; + line-height:1.4; +} +.dataviews-filters__summary-popover .components-popover__content{ + border-radius:4px; + width:230px; +} +.dataviews-filters__summary-popover.components-dropdown__content .components-popover__content{ + padding:0; +} + +.dataviews-filters__summary-operators-container{ + padding:8px 8px 0; +} +.dataviews-filters__summary-operators-container:has(+.dataviews-filters__search-widget-listbox){ + border-bottom:1px solid #e0e0e0; + padding-bottom:8px; +} +.dataviews-filters__summary-operators-container:empty{ + display:none; +} +.dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-name{ + color:#757575; +} + +.dataviews-filters__summary-chip-container{ + position:relative; + white-space:pre-wrap; +} +.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip{ + align-items:center; + background:#f0f0f0; + border:1px solid #0000; + border-radius:16px; + box-sizing:border-box; + color:#2f2f2f; + cursor:pointer; + display:flex; + min-height:32px; + padding:4px 12px; + position:relative; +} +.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-reset{ + padding-inline-end:28px; +} +.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible,.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:hover,.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip[aria-expanded=true]{ + background:#e0e0e0; + color:#1e1e1e; +} +.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values{ + background:rgba(var(--wp-admin-theme-color--rgb), .04); color:var(--wp-admin-theme-color); } +.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values:hover,.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values[aria-expanded=true]{ + background:rgba(var(--wp-admin-theme-color--rgb), .12); +} +.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:none; +} +.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip .dataviews-filters-__summary-filter-text-name{ + font-weight:500; +} +.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove{ + align-items:center; + background:#0000; + border:0; + border-radius:50%; + cursor:pointer; + display:flex; + height:24px; + justify-content:center; + left:4px; + padding:0; + position:absolute; + top:50%; + transform:translateY(-50%); + width:24px; +} +.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove svg{ + fill:#757575; +} +.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus,.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover{ + background:#e0e0e0; +} +.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus svg,.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover svg{ + fill:#1e1e1e; +} +.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values svg{ + fill:var(--wp-admin-theme-color); +} +.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values:hover{ + background:rgba(var(--wp-admin-theme-color--rgb), .08); +} +.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus-visible{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:none; +} + +.dataviews-filters__search-widget-filter-combobox-list{ + border-top:1px solid #e0e0e0; + max-height:184px; + overflow:auto; + padding:4px; +} +.dataviews-filters__search-widget-filter-combobox-list .dataviews-filters__search-widget-filter-combobox-item-value [data-user-value]{ + font-weight:600; +} + +.dataviews-filters__search-widget-listbox{ + overflow:auto; + padding:4px; +} + +.dataviews-filters__search-widget-listitem{ + align-items:center; + border-radius:2px; + box-sizing:border-box; + cursor:default; + display:flex; + gap:8px; + margin-block-end:2px; + padding:8px 12px; +} +.dataviews-filters__search-widget-listitem:last-child{ + margin-block-end:0; +} +.dataviews-filters__search-widget-listitem:focus,.dataviews-filters__search-widget-listitem:hover,.dataviews-filters__search-widget-listitem[data-active-item]{ + background-color:var(--wp-admin-theme-color); + color:#fff; +} +.dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-check,.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-check,.dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-check{ + fill:#fff; +} +.dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-description,.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-description,.dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-description{ + color:#fff; +} +.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-check{ + flex-shrink:0; + height:24px; + width:24px; +} +.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-description{ + color:#757575; + display:block; + font-size:12px; + line-height:16px; + overflow:hidden; + text-overflow:ellipsis; +} + +.dataviews-filters__search-widget-filter-combobox__wrapper{ + padding:8px; + position:relative; +} +.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input{ + background:#f0f0f0; + border:none; + border-radius:2px; + box-shadow:0 0 0 #0000; + display:block; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + height:32px; + line-height:normal; + margin-left:0; + margin-right:0; + padding:0 8px 0 32px; + width:100%; +} +@media not (prefers-reduced-motion){ + .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input{ + transition:box-shadow .1s linear; + } +} +@media (min-width:600px){ + .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input{ + font-size:13px; + line-height:normal; + } +} +.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 .5px var(--wp-admin-theme-color); + outline:2px solid #0000; +} +.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-input-placeholder{ + color:#1e1e1e9e; +} +.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-moz-placeholder{ + color:#1e1e1e9e; +} +.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:-ms-input-placeholder{ + color:#1e1e1e9e; +} +@media (min-width:600px){ + .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input{ + font-size:13px; + } +} +.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus{ + background:#fff; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder{ + color:#757575; +} +.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-cancel-button,.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-decoration,.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-button,.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-decoration{ + -webkit-appearance:none; +} +.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon{ + align-items:center; + display:flex; + justify-content:center; + left:12px; + position:absolute; + top:50%; + transform:translateY(-50%); + width:24px; +} + +.dataviews-filters__container-visibility-toggle{ + flex-shrink:0; + position:relative; +} + +.dataviews-filters-toggle__count{ + background:var(--wp-admin-theme-color, #3858e9); + border-radius:8px; + box-sizing:border-box; + color:#fff; + font-size:11px; + height:16px; + left:0; + line-height:16px; + min-width:16px; + outline:var(--wp-admin-border-width-focus) solid #fff; + padding:0 4px; + position:absolute; + text-align:center; + top:0; + transform:translate(-50%, -50%); +} + +.dataviews-search{ + width:fit-content; +} + +.dataviews-footer{ + background-color:#fff; + border-top:1px solid #f0f0f0; + bottom:0; + flex-shrink:0; + padding:12px 48px; + position:sticky; + right:0; + z-index:2; +} +@media not (prefers-reduced-motion){ + .dataviews-footer{ + transition:padding .1s ease-out; + } +} + +@container (max-width: 430px){ + .dataviews-footer{ + padding:12px 24px; + } +} +@container (max-width: 560px){ + .dataviews-footer{ + flex-direction:column !important; + } + .dataviews-footer .dataviews-bulk-actions-footer__container{ + width:100%; + } + .dataviews-footer .dataviews-bulk-actions-footer__item-count{ + flex-grow:1; + } + .dataviews-footer .dataviews-pagination{ + justify-content:space-between; + width:100%; + } +} +.dataviews-pagination__page-select{ + font-size:11px; + font-weight:500; + text-transform:uppercase; +} +@media (min-width:600px){ + .dataviews-pagination__page-select .components-select-control__input{ + font-size:11px !important; + font-weight:500; + } +} + +.dataviews-action-modal{ + z-index:1000001; +} + +.dataviews-selection-checkbox{ + --checkbox-input-size:24px; + flex-shrink:0; + line-height:0; +} +@media (min-width:600px){ + .dataviews-selection-checkbox{ + --checkbox-input-size:16px; + } +} +.dataviews-selection-checkbox .components-checkbox-control__input-container{ + margin:0; +} + +.dataviews-view-config{ + container-type:inline-size; + font-size:13px; + line-height:1.4; + width:320px; +} + +.dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper{ + height:100%; + overflow-y:scroll; +} +.dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper .dataviews-view-config{ + width:auto; +} + +.dataviews-view-config__sort-direction .components-toggle-group-control-option-base{ + text-transform:uppercase; +} + +.dataviews-settings-section__title.dataviews-settings-section__title{ + font-size:15px; + line-height:24px; +} + +.dataviews-settings-section__sidebar{ + grid-column:span 4; +} + +.dataviews-settings-section__content,.dataviews-settings-section__content>*{ + grid-column:span 8; +} + +.dataviews-settings-section__content .is-divided-in-two{ + display:contents; +} +.dataviews-settings-section__content .is-divided-in-two>*{ + grid-column:span 4; +} + +.dataviews-settings-section:has(.dataviews-settings-section__content:empty){ + display:none; +} + +@container (max-width: 500px){ + .dataviews-settings-section.dataviews-settings-section{ + grid-template-columns:repeat(2, 1fr); + } + .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__content,.dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__sidebar{ + grid-column:span 2; + } +} +.dataviews-field-control__field{ + height:32px; +} + +.dataviews-field-control__actions{ + position:absolute; + top:-9999em; +} + +.dataviews-field-control__actions.dataviews-field-control__actions{ + gap:4px; +} + +.dataviews-field-control__field.is-interacting .dataviews-field-control__actions,.dataviews-field-control__field:focus-within .dataviews-field-control__actions,.dataviews-field-control__field:hover .dataviews-field-control__actions{ + position:unset; + top:unset; +} + +.dataviews-field-control__icon{ + display:flex; + width:24px; +} + +.dataviews-field-control__label-sub-label-container{ + flex-grow:1; +} + +.dataviews-field-control__label{ + display:block; +} + +.dataviews-field-control__sub-label{ + color:#757575; + font-size:11px; + font-style:normal; + margin-bottom:0; + margin-top:8px; +} .dataviews-view-grid{ - grid-template-columns:repeat(1, minmax(0, 1fr)) !important; + container-type:inline-size; grid-template-rows:max-content; margin-bottom:auto; padding:0 48px 24px; - transition:padding .1s ease-out; -} -@media (prefers-reduced-motion:reduce){ - .dataviews-view-grid{ - transition-delay:0s; - transition-duration:0s; - } -} -@media (min-width:480px){ +} +@media not (prefers-reduced-motion){ .dataviews-view-grid{ - grid-template-columns:repeat(2, minmax(0, 1fr)) !important; - } -} -@media (min-width:1080px){ - .dataviews-view-grid{ - grid-template-columns:repeat(3, minmax(0, 1fr)) !important; - } -} -@media (min-width:1440px){ - .dataviews-view-grid{ - grid-template-columns:repeat(4, minmax(0, 1fr)) !important; + transition:padding .1s ease-out; } } .dataviews-view-grid .dataviews-view-grid__card{ height:100%; justify-content:flex-start; + position:relative; } .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-actions{ padding:8px 0 4px; } -.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__primary-field{ - min-height:32px; +.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field{ + align-items:center; + display:flex; + min-height:24px; +} +.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable{ + width:fit-content; } .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value{ color:#1e1e1e; } -.dataviews-view-grid .dataviews-view-grid__card.is-selected .page-pages-preview-field__button:after{ - background:rgba(var(--wp-admin-theme-color--rgb), .04); +.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus:after,.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media:after{ + background-color:rgba(var(--wp-admin-theme-color--rgb), .08); +} +.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media:after{ + box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); +} +.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus:after{ box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .dataviews-view-grid .dataviews-view-grid__media{ @@ -343,114 +618,173 @@ .dataviews-view-grid .dataviews-view-grid__fields:not(:empty){ padding:0 0 12px; } +.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty){ + line-height:20px; + min-height:24px; + padding-top:2px; +} .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field{ - align-items:flex-start; -} -.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column){ align-items:center; -} -.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column) .dataviews-view-grid__field-name{ + min-height:24px; +} +.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name{ + color:#757575; width:35%; } -.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column) .dataviews-view-grid__field-value{ +.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:65%; } -.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name{ - color:#757575; +.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))){ + display:none; } .dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty){ padding-bottom:12px; } -.dataviews-view-grid .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value{ - align-items:center; - background:#f0f0f0; - border-radius:2px; - display:flex; - font-size:12px; - min-height:24px; - padding:0 8px; - width:-moz-fit-content; - width:fit-content; +@container (max-width: 480px){ + .dataviews-view-grid.dataviews-view-grid{ + grid-template-columns:repeat(1, minmax(0, 1fr)); + padding-left:24px; + padding-right:24px; + } +} +@container (min-width: 480px){ + .dataviews-view-grid.dataviews-view-grid{ + grid-template-columns:repeat(2, minmax(0, 1fr)); + } +} +@container (min-width: 780px){ + .dataviews-view-grid.dataviews-view-grid{ + grid-template-columns:repeat(3, minmax(0, 1fr)); + } +} +@container (min-width: 1140px){ + .dataviews-view-grid.dataviews-view-grid{ + grid-template-columns:repeat(4, minmax(0, 1fr)); + } +} +@container (min-width: 1520px){ + .dataviews-view-grid.dataviews-view-grid{ + grid-template-columns:repeat(5, minmax(0, 1fr)); + } +} + +.dataviews-view-grid__field-value:empty,.dataviews-view-grid__field:empty{ + display:none; +} + +.dataviews-view-grid__card .dataviews-selection-checkbox{ + position:absolute; + right:8px; + top:-9999em; + z-index:1; +} + +.dataviews-view-grid__card.is-selected .dataviews-selection-checkbox,.dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,.dataviews-view-grid__card:hover .dataviews-selection-checkbox{ + top:8px; +} + +.dataviews-view-grid__media--clickable{ + cursor:pointer; +} + +div.dataviews-view-list{ + list-style-type:none; } .dataviews-view-list{ margin:0 0 auto; } -.dataviews-view-list li{ +.dataviews-view-list div[role=row]{ border-top:1px solid #f0f0f0; - cursor:pointer; margin:0; } -.dataviews-view-list li .dataviews-view-list__item-wrapper{ - border-radius:4px; +.dataviews-view-list div[role=row] .dataviews-view-list__item-wrapper{ + box-sizing:border-box; + padding:16px 24px; position:relative; } -.dataviews-view-list li .dataviews-view-list__item-wrapper>*{ - width:100%; -} -.dataviews-view-list li .dataviews-view-list__item-actions .components-button{ - left:0; +.dataviews-view-list div[role=row] .dataviews-view-list__item-actions{ + flex:0; + overflow:hidden; +} +.dataviews-view-list div[role=row] .dataviews-view-list__item-actions>div{ + height:24px; +} +.dataviews-view-list div[role=row] .dataviews-view-list__item-actions .components-button{ opacity:0; - position:fixed; -} -.dataviews-view-list li.is-hovered .dataviews-view-list__item-actions,.dataviews-view-list li.is-selected .dataviews-view-list__item-actions,.dataviews-view-list li:focus-within .dataviews-view-list__item-actions{ - padding-left:32px; -} -.dataviews-view-list li.is-hovered .dataviews-view-list__item-actions .components-button,.dataviews-view-list li.is-selected .dataviews-view-list__item-actions .components-button,.dataviews-view-list li:focus-within .dataviews-view-list__item-actions .components-button{ + position:relative; + z-index:1; +} +.dataviews-view-list div[role=row]:where(.is-selected,.is-hovered,:focus-within) .dataviews-view-list__item-actions{ + flex-basis:min-content; + overflow:unset; + padding-inline-end:4px; +} +.dataviews-view-list div[role=row]:where(.is-selected,.is-hovered,:focus-within) .dataviews-view-list__item-actions .components-button{ opacity:1; - position:static; -} -.dataviews-view-list li.is-hovered .dataviews-view-list__item,.dataviews-view-list li.is-selected .dataviews-view-list__item,.dataviews-view-list li:focus-within .dataviews-view-list__item{ - padding-left:0; -} -.dataviews-view-list li:not(.is-selected) .dataviews-view-list__primary-field{ +} +.dataviews-view-list div[role=row].is-selected.is-selected,.dataviews-view-list div[role=row].is-selected.is-selected+div[role=row]{ + border-top:1px solid rgba(var(--wp-admin-theme-color--rgb), .12); +} +.dataviews-view-list div[role=row]:not(.is-selected) .dataviews-view-list__title-field{ color:#1e1e1e; } -.dataviews-view-list li:not(.is-selected):focus-within,.dataviews-view-list li:not(.is-selected):hover{ +.dataviews-view-list div[role=row]:not(.is-selected).is-hovered,.dataviews-view-list div[role=row]:not(.is-selected):focus-within,.dataviews-view-list div[role=row]:not(.is-selected):hover{ background-color:#f8f8f8; color:var(--wp-admin-theme-color); } -.dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__fields,.dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__primary-field,.dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__fields,.dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__primary-field{ +.dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__fields,.dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__title-field,.dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__fields,.dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__title-field,.dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__fields,.dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__title-field{ color:var(--wp-admin-theme-color); } -.dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper,.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper{ +.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper,.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper{ background-color:rgba(var(--wp-admin-theme-color--rgb), .04); color:#1e1e1e; } -.dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields,.dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__primary-field,.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields,.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__primary-field{ +.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields,.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__title-field,.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields,.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__title-field{ color:var(--wp-admin-theme-color); } .dataviews-view-list .dataviews-view-list__item{ - padding:16px 24px 16px 0; + appearance:none; + background:none; + border:none; + cursor:pointer; + inset:0; + padding:0; + position:absolute; scroll-margin:8px 0; - width:100%; + z-index:1; +} +.dataviews-view-list .dataviews-view-list__item:focus-visible{ + outline:none; } .dataviews-view-list .dataviews-view-list__item:focus-visible:before{ border-radius:2px; - bottom:var(--wp-admin-border-width-focus); box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); content:""; - left:var(--wp-admin-border-width-focus); + inset:var(--wp-admin-border-width-focus); + outline:2px solid #0000; position:absolute; - right:var(--wp-admin-border-width-focus); - top:calc(var(--wp-admin-border-width-focus) + 1px); -} -.dataviews-view-list .dataviews-view-list__item .dataviews-view-list__primary-field{ - line-height:20px; - min-height:20px; +} +.dataviews-view-list .dataviews-view-list__title-field{ + flex:1; + line-height:24px; + min-height:24px; overflow:hidden; } +.dataviews-view-list .dataviews-view-list__title-field:has(a,button){ + z-index:1; +} .dataviews-view-list .dataviews-view-list__media-wrapper{ background-color:#f0f0f0; border-radius:4px; flex-shrink:0; - height:40px; + height:52px; overflow:hidden; position:relative; - width:40px; + width:52px; } .dataviews-view-list .dataviews-view-list__media-wrapper img{ height:100%; @@ -467,353 +801,468 @@ top:0; width:100%; } -.dataviews-view-list .dataviews-view-list__media-placeholder{ - background-color:#e0e0e0; - height:32px; - min-width:32px; +.dataviews-view-list .dataviews-view-list__field-wrapper{ + flex-grow:1; + min-height:52px; } .dataviews-view-list .dataviews-view-list__fields{ color:#757575; display:flex; flex-wrap:wrap; font-size:12px; - gap:8px; -} -.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:has(.dataviews-view-list__field-value:empty){ + gap:12px; + row-gap:4px; +} +.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:has(.dataviews-view-list__field-value:empty),.dataviews-view-list .dataviews-view-list__fields:empty{ display:none; } .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value{ - display:inline-flex; + align-items:center; + display:flex; line-height:20px; -} -.dataviews-view-list .dataviews-view-list__item-actions{ - padding-left:24px; + min-height:24px; } .dataviews-view-list+.dataviews-pagination{ justify-content:space-between; } -.dataviews-action-modal{ - z-index:1000001; -} - -.dataviews-loading,.dataviews-no-results{ +.dataviews-view-table{ + border-collapse:collapse; + border-color:inherit; + color:#757575; + margin-bottom:auto; + position:relative; + text-indent:0; + width:100%; +} +.dataviews-view-table th{ + color:#1e1e1e; + font-size:13px; + font-weight:400; + text-align:right; +} +.dataviews-view-table td,.dataviews-view-table th{ + padding:12px; + white-space:nowrap; +} +.dataviews-view-table td.dataviews-view-table__actions-column,.dataviews-view-table th.dataviews-view-table__actions-column{ + text-align:left; +} +.dataviews-view-table td.dataviews-view-table__checkbox-column,.dataviews-view-table th.dataviews-view-table__checkbox-column{ + padding-left:0; + width:1%; +} +.dataviews-view-table tr{ + border-top:1px solid #f0f0f0; +} +.dataviews-view-table tr .dataviews-view-table-header-button{ + gap:4px; +} +.dataviews-view-table tr td:first-child,.dataviews-view-table tr th:first-child{ + padding-right:48px; +} +.dataviews-view-table tr td:first-child .dataviews-view-table-header-button,.dataviews-view-table tr th:first-child .dataviews-view-table-header-button{ + margin-right:-8px; +} +.dataviews-view-table tr td:last-child,.dataviews-view-table tr th:last-child{ + padding-left:48px; +} +.dataviews-view-table tr:last-child{ + border-bottom:0; +} +.dataviews-view-table tr.is-hovered{ + background-color:#f8f8f8; +} +.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input{ + opacity:0; +} +.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:checked,.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:focus,.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:indeterminate{ + opacity:1; +} +.dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){ + opacity:0; +} +.dataviews-view-table tr.is-hovered .components-checkbox-control__input,.dataviews-view-table tr.is-hovered .dataviews-item-actions .components-button:not(.dataviews-all-actions-button),.dataviews-view-table tr:focus-within .components-checkbox-control__input,.dataviews-view-table tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button),.dataviews-view-table tr:hover .components-checkbox-control__input,.dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){ + opacity:1; +} +@media (hover:none){ + .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input,.dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){ + opacity:1; + } +} +.dataviews-view-table tr.is-selected{ + background-color:rgba(var(--wp-admin-theme-color--rgb), .04); + color:#757575; +} +.dataviews-view-table tr.is-selected,.dataviews-view-table tr.is-selected+tr{ + border-top:1px solid rgba(var(--wp-admin-theme-color--rgb), .12); +} +.dataviews-view-table tr.is-selected:hover{ + background-color:rgba(var(--wp-admin-theme-color--rgb), .08); +} +.dataviews-view-table thead{ + inset-block-start:0; + position:sticky; + z-index:1; +} +.dataviews-view-table thead tr{ + border:0; +} +.dataviews-view-table thead th{ + background-color:#fff; + font-size:11px; + font-weight:500; + padding-bottom:8px; + padding-right:12px; + padding-top:8px; + text-transform:uppercase; +} +.dataviews-view-table thead th:has(.dataviews-view-table-header-button):not(:first-child){ + padding-right:4px; +} +.dataviews-view-table tbody td{ + vertical-align:top; +} +.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper{ align-items:center; display:flex; - flex-grow:1; - justify-content:center; - padding:0 48px; - transition:padding .1s ease-out; -} -@media (prefers-reduced-motion:reduce){ - .dataviews-loading,.dataviews-no-results{ - transition-delay:0s; - transition-duration:0s; + min-height:32px; +} +.dataviews-view-table tbody .components-v-stack>.dataviews-view-table__cell-content-wrapper:not(:first-child){ + min-height:0; +} +.dataviews-view-table .dataviews-view-table-header-button{ + font-size:11px; + font-weight:500; + padding:4px 8px; + text-transform:uppercase; +} +.dataviews-view-table .dataviews-view-table-header-button:not(:hover){ + color:#1e1e1e; +} +.dataviews-view-table .dataviews-view-table-header-button span{ + speak:none; +} +.dataviews-view-table .dataviews-view-table-header-button span:empty{ + display:none; +} +.dataviews-view-table .dataviews-view-table-header{ + padding-right:4px; +} +.dataviews-view-table .dataviews-view-table__actions-column{ + width:1%; +} +.dataviews-view-table:has(tr.is-selected) .components-checkbox-control__input{ + opacity:1; +} +.dataviews-view-table.has-compact-density thead th:has(.dataviews-view-table-header-button):not(:first-child){ + padding-right:0; +} +.dataviews-view-table.has-compact-density td,.dataviews-view-table.has-compact-density th{ + padding:4px 8px; +} +.dataviews-view-table.has-comfortable-density td,.dataviews-view-table.has-comfortable-density th{ + padding:16px 12px; +} +.dataviews-view-table.has-comfortable-density td.dataviews-view-table__checkbox-column,.dataviews-view-table.has-comfortable-density th.dataviews-view-table__checkbox-column,.dataviews-view-table.has-compact-density td.dataviews-view-table__checkbox-column,.dataviews-view-table.has-compact-density th.dataviews-view-table__checkbox-column{ + padding-left:0; +} + +@container (max-width: 430px){ + .dataviews-view-table tr td:first-child,.dataviews-view-table tr th:first-child{ + padding-right:24px; } -} - + .dataviews-view-table tr td:last-child,.dataviews-view-table tr th:last-child{ + padding-left:24px; + } +} .dataviews-view-table-selection-checkbox{ --checkbox-input-size:24px; - flex-shrink:0; - line-height:0; } @media (min-width:600px){ .dataviews-view-table-selection-checkbox{ --checkbox-input-size:16px; } } -.dataviews-view-table-selection-checkbox .components-checkbox-control__input-container{ - margin:0; -} - -.dataviews-filters__custom-menu-radio-item-prefix{ - display:block; - width:24px; -} - -.dataviews-bulk-edit-button.components-button{ - flex-shrink:0; -} - -.dataviews-filter-summary__popover .components-popover__content{ - border-radius:4px; + +.dataviews-column-primary__media{ + max-width:60px; +} + +.dataviews-controls__datetime{ + border:none; padding:0; - width:230px; -} - -.dataviews-search-widget-filter-combobox-list{ - border-top:1px solid #e0e0e0; - max-height:184px; - overflow:auto; - padding:4px; -} -.dataviews-search-widget-filter-combobox-list .dataviews-search-widget-filter-combobox-item-value [data-user-value]{ - font-weight:600; -} - -.dataviews-search-widget-listbox{ - max-height:184px; - overflow:auto; - padding:4px; -} - -.dataviews-search-widget-listitem{ +} + +.dataforms-layouts-panel__field{ + align-items:flex-start !important; + justify-content:flex-start !important; + min-height:32px; + width:100%; +} + +.dataforms-layouts-panel__field-label{ align-items:center; - border-radius:2px; - box-sizing:border-box; - cursor:default; display:flex; - gap:8px; - margin-block-end:2px; - padding:8px 12px; -} -.dataviews-search-widget-listitem:last-child{ - margin-block-end:0; -} -.dataviews-search-widget-listitem:focus,.dataviews-search-widget-listitem:hover,.dataviews-search-widget-listitem[data-active-item]{ - background-color:var(--wp-admin-theme-color); - color:#fff; -} -.dataviews-search-widget-listitem:focus .dataviews-search-widget-listitem-check,.dataviews-search-widget-listitem:hover .dataviews-search-widget-listitem-check,.dataviews-search-widget-listitem[data-active-item] .dataviews-search-widget-listitem-check{ - fill:#fff; -} -.dataviews-search-widget-listitem:focus .dataviews-search-widget-listitem-description,.dataviews-search-widget-listitem:hover .dataviews-search-widget-listitem-description,.dataviews-search-widget-listitem[data-active-item] .dataviews-search-widget-listitem-description{ - color:#fff; -} -.dataviews-search-widget-listitem .dataviews-search-widget-listitem-check{ flex-shrink:0; - height:24px; - width:24px; -} -.dataviews-search-widget-listitem .dataviews-search-widget-listitem-description{ - color:#757575; - display:block; - font-size:12px; - line-height:16px; - overflow:hidden; - text-overflow:ellipsis; -} - -.dataviews-search-widget-filter-combobox__wrapper{ - padding:8px; - position:relative; -} -.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input{ - background:#f0f0f0; - border:none; - border-radius:2px; - box-shadow:0 0 0 #0000; - display:block; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; - font-size:16px; - height:32px; - line-height:normal; - margin-left:0; - margin-right:0; - padding:0 8px 0 32px; - transition:box-shadow .1s linear; + hyphens:auto; + line-height:20px; + min-height:32px; + padding:6px 0; + width:38%; +} + +.dataforms-layouts-panel__field-control{ + align-items:center; + display:flex; + flex-grow:1; + min-height:32px; +} +.dataforms-layouts-panel__field-control .components-button{ + max-width:100%; + min-height:32px; + text-align:right; + text-wrap:balance; + text-wrap:pretty; + white-space:normal; +} +.dataforms-layouts-panel__field-control .components-dropdown{ + max-width:100%; +} + +.dataforms-layouts-panel__field-dropdown .components-popover__content{ + min-width:320px; + padding:16px; +} + +.dataforms-layouts-panel__dropdown-header{ + margin-bottom:16px; +} + +.components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown{ + z-index:159990; +} + +.dataforms-layouts-regular__field{ + align-items:flex-start !important; + justify-content:flex-start !important; + min-height:32px; width:100%; } -@media (prefers-reduced-motion:reduce){ - .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input{ - transition-delay:0s; - transition-duration:0s; - } -} -@media (min-width:600px){ - .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input{ - font-size:13px; - line-height:normal; - } -} -.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input:focus{ - border-color:var(--wp-admin-theme-color); - box-shadow:0 0 0 .5px var(--wp-admin-theme-color); - outline:2px solid #0000; -} -.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-input-placeholder{ - color:#1e1e1e9e; -} -.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-moz-placeholder{ - color:#1e1e1e9e; - opacity:1; -} -.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input:-ms-input-placeholder{ - color:#1e1e1e9e; -} -@media (min-width:600px){ - .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input{ - font-size:13px; - } -} -.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input:focus{ - background:#fff; - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} -.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::placeholder{ - color:#757575; -} -.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-search-cancel-button,.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-search-decoration,.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-search-results-button,.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-search-results-decoration{ - -webkit-appearance:none; -} -.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__icon{ + +.dataforms-layouts-regular__field .components-base-control__label{ + font-size:inherit; + font-weight:400; + text-transform:none; +} + +.dataforms-layouts-regular__field-label{ + align-items:center; + display:flex; + flex-shrink:0; + hyphens:auto; + line-height:20px; + min-height:32px; + padding:6px 0; + width:38%; +} + +.dataforms-layouts-regular__field-control{ align-items:center; display:flex; - justify-content:center; - left:12px; - position:absolute; - top:50%; - transform:translateY(-50%); - width:24px; -} - -.dataviews-filter-summary__operators-container{ - padding:8px 8px 0; -} -.dataviews-filter-summary__operators-container:has(+.dataviews-search-widget-listbox){ - border-bottom:1px solid #e0e0e0; - padding-bottom:8px; -} -.dataviews-filter-summary__operators-container:empty{ - display:none; -} -.dataviews-filter-summary__operators-container .dataviews-filter-summary__operators-filter-name{ - color:#757575; -} - -.dataviews-filter-summary__chip-container{ - position:relative; - white-space:pre-wrap; -} -.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip{ + flex-grow:1; + min-height:32px; +} + +.fields-create-template-part-modal{ + z-index:1000001; +} + +.fields-create-template-part-modal__area-radio-group{ + border:1px solid #949494; + border-radius:2px; +} + +.fields-create-template-part-modal__area-radio-wrapper{ align-items:center; - background:#f0f0f0; - border:1px solid #0000; - border-radius:16px; - color:#2f2f2f; - cursor:pointer; - display:flex; - height:32px; - padding:0 12px; + display:grid; + grid-template-columns:min-content 1fr min-content; + padding:12px; position:relative; -} -.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip.has-reset{ - padding-inline-end:28px; -} -.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip:focus-visible,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip:hover,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip[aria-expanded=true]{ - background:#e0e0e0; + grid-gap:4px 8px; color:#1e1e1e; } -.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip.has-values{ - background:rgba(var(--wp-admin-theme-color--rgb), .04); +.fields-create-template-part-modal__area-radio-wrapper+.fields-create-template-part-modal__area-radio-wrapper{ + border-top:1px solid #949494; +} +.fields-create-template-part-modal__area-radio-wrapper input[type=radio]{ + opacity:0; + position:absolute; +} +.fields-create-template-part-modal__area-radio-wrapper:has(input[type=radio]:checked){ + z-index:1; +} +.fields-create-template-part-modal__area-radio-wrapper:has(input[type=radio]:not(:checked)):hover{ color:var(--wp-admin-theme-color); } -.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip.has-values:hover,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip.has-values[aria-expanded=true]{ - background:rgba(var(--wp-admin-theme-color--rgb), .12); -} -.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip:focus-visible{ - box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline:none; -} -.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip .dataviews-filter-summary__filter-text-name{ - font-weight:500; -} -.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove{ - align-items:center; - background:#0000; - border:0; - border-radius:50%; +.fields-create-template-part-modal__area-radio-wrapper>:not(.fields-create-template-part-modal__area-radio-label){ + pointer-events:none; +} + +.fields-create-template-part-modal__area-radio-label:before{ + content:""; + inset:0; + position:absolute; +} +input[type=radio]:not(:checked)~.fields-create-template-part-modal__area-radio-label:before{ cursor:pointer; - display:flex; - height:24px; - justify-content:center; - left:4px; - padding:0; - position:absolute; - top:50%; - transform:translateY(-50%); - width:24px; -} -.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove svg{ - fill:#757575; -} -.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:focus,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:hover{ - background:#e0e0e0; -} -.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:focus svg,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:hover svg{ - fill:#1e1e1e; -} -.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove.has-values svg{ - fill:var(--wp-admin-theme-color); -} -.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove.has-values:hover{ - background:rgba(var(--wp-admin-theme-color--rgb), .08); -} -.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:focus-visible{ +} +input[type=radio]:focus-visible~.fields-create-template-part-modal__area-radio-label:before{ box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline:none; -} -@container (max-width: 430px){ - .dataviews-filters__view-actions,.dataviews-pagination{ - padding:12px 24px; - } - - .dataviews-filters__view-actions .components-search-control .components-base-control__field{ - max-width:112px; - } - - .dataviews-view-table tr td:first-child,.dataviews-view-table tr th:first-child{ - padding-right:24px; - } - - .dataviews-view-table tr td:last-child,.dataviews-view-table tr th:last-child{ - padding-left:24px; - } - - .dataviews-loading,.dataviews-no-results,.dataviews-view-grid{ - padding-left:24px; - padding-right:24px; - } -} -.dataviews-bulk-actions-toolbar-wrapper{ - display:flex; - flex-grow:1; - width:100%; -} -.dataviews-bulk-actions-toolbar-wrapper .components-toolbar-group{ - align-items:center; -} -.dataviews-bulk-actions-toolbar-wrapper .components-button.is-busy{ - max-height:36px; -} - -.dataviews-bulk-actions{ - align-content:center; - bottom:24px; + outline:4px solid #0000; +} + +.fields-create-template-part-modal__area-radio-checkmark,.fields-create-template-part-modal__area-radio-icon{ + fill:currentColor; +} + +input[type=radio]:not(:checked)~.fields-create-template-part-modal__area-radio-checkmark{ + opacity:0; +} + +.fields-create-template-part-modal__area-radio-description{ + color:#757575; + font-size:12px; + grid-column:2 / 3; + line-height:normal; + margin:0; + text-wrap:pretty; +} +input[type=radio]:not(:checked):hover~.fields-create-template-part-modal__area-radio-description{ + color:inherit; +} + +.fields-controls__slug .fields-controls__slug-external-icon{ + margin-right:5ch; +} +.fields-controls__slug .fields-controls__slug-input input.components-input-control__input{ + padding-inline-start:0 !important; +} +.fields-controls__slug .fields-controls__slug-help-link{ + word-break:break-word; +} +.fields-controls__slug .fields-controls__slug-help{ display:flex; flex-direction:column; - flex-wrap:wrap; +} +.fields-controls__slug .fields-controls__slug-help .fields-controls__slug-help-slug{ + font-weight:600; +} + +.fields-controls__featured-image-placeholder{ + background:#fff linear-gradient(45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0); + border-radius:2px; + box-shadow:inset 0 0 0 1px #0003; + display:inline-block; + padding:0; +} + +.fields-controls__featured-image-title{ + color:#1e1e1e; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; + width:100%; +} + +.fields-controls__featured-image-image{ + align-self:center; + border-radius:2px; + height:100%; + width:100%; +} + +.fields-controls__featured-image-container .fields-controls__featured-image-placeholder{ + margin:0; +} +.fields-controls__featured-image-container span{ margin-left:auto; - margin-right:auto; - position:sticky; - width:-moz-fit-content; - width:fit-content; - z-index:2; -} -.dataviews-bulk-actions .components-accessible-toolbar{ - border-color:#ddd; - box-shadow:0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a; -} -.dataviews-bulk-actions .components-accessible-toolbar .components-toolbar-group{ - border-color:#e0e0e0; -} -.dataviews-bulk-actions .components-accessible-toolbar .components-toolbar-group:last-child{ +} + +fieldset.fields-controls__featured-image .fields-controls__featured-image-container{ + border:1px solid #ddd; + border-radius:2px; + cursor:pointer; + padding:8px 12px; +} +fieldset.fields-controls__featured-image .fields-controls__featured-image-container:hover{ + background-color:#f0f0f0; +} +fieldset.fields-controls__featured-image .fields-controls__featured-image-placeholder{ + height:24px; + width:24px; +} +fieldset.fields-controls__featured-image span{ + align-self:center; + text-align:start; + white-space:nowrap; +} +fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button{ + height:fit-content; + padding:0; +} +fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button:focus,fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button:hover{ border:0; -} -.dataviews-bulk-actions .dataviews-bulk-actions__selection-count{ - align-items:center; - display:flex; - margin:0 8px; + color:unset; +} +fieldset.fields-controls__featured-image .fields-controls__featured-image-remove-button{ + place-self:end; +} +.dataforms-layouts-panel__field-control .fields-controls__featured-image-image,.dataforms-layouts-panel__field-control .fields-controls__featured-image-placeholder{ + height:16px; + width:16px; +} + +.dataviews-view-table__cell-content-wrapper .fields-controls__featured-image-image,.dataviews-view-table__cell-content-wrapper .fields-controls__featured-image-placeholder{ + display:block; + height:32px; + width:32px; +} + +.fields-controls__template-modal{ + z-index:1000001; +} + +.fields-controls__template-content .block-editor-block-patterns-list{ + column-count:2; + column-gap:24px; + padding-top:2px; +} +@media (min-width:782px){ + .fields-controls__template-content .block-editor-block-patterns-list{ + column-count:3; + } +} +@media (min-width:1280px){ + .fields-controls__template-content .block-editor-block-patterns-list{ + column-count:4; + } +} +.fields-controls__template-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ + break-inside:avoid-column; +} + +.fields-field__title span:first-child{ + display:block; + flex-grow:0; + overflow:hidden; + text-decoration:none; + text-overflow:ellipsis; + white-space:nowrap; +} + +.fields-field__pattern-title span:first-child{ + flex:1; } .edit-site-custom-template-modal__contents-wrapper{ @@ -891,14 +1340,11 @@ margin-bottom:4px; } -.edit-site-add-new-template__modal{ - margin-top:64px; - max-height:calc(100% - 128px); - max-width:832px; - width:calc(100% - 64px); -} @media (min-width:960px){ .edit-site-add-new-template__modal{ + margin-top:64px; + max-height:calc(100% - 128px); + max-width:832px; width:calc(100% - 128px); } } @@ -919,7 +1365,6 @@ .edit-site-add-new-template__template-list__contents>.components-button,.edit-site-custom-template-modal__contents>.components-button{ border:1px solid #ddd; - border-radius:2px; display:flex; flex-direction:column; justify-content:center; @@ -949,8 +1394,7 @@ color:var(--wp-admin-theme-color); } .edit-site-add-new-template__template-list__contents .edit-site-add-new-template__custom-template-button,.edit-site-add-new-template__template-list__contents .edit-site-add-new-template__template-list__prompt,.edit-site-custom-template-modal__contents .edit-site-add-new-template__custom-template-button,.edit-site-custom-template-modal__contents .edit-site-add-new-template__template-list__prompt{ - grid-column-end:4; - grid-column-start:1; + grid-column:1 / -1; } .edit-site-add-new-template__template-list__contents>.components-button{ @@ -966,8 +1410,6 @@ .edit-site-canvas-loader{ align-items:center; - animation:edit-site-canvas-loader__fade-in-animation .5s ease .2s; - animation-fill-mode:forwards; display:flex; height:100%; justify-content:center; @@ -977,10 +1419,10 @@ top:0; width:100%; } -@media (prefers-reduced-motion:reduce){ +@media not (prefers-reduced-motion){ .edit-site-canvas-loader{ - animation-delay:0s; - animation-duration:1ms; + animation:edit-site-canvas-loader__fade-in-animation .5s ease .2s; + animation-fill-mode:forwards; } } .edit-site-canvas-loader>div{ @@ -1003,7 +1445,7 @@ line-height:1; } -.edit-site-global-styles-preview__iframe{ +.edit-site-global-styles-preview__wrapper{ display:block; max-width:100%; width:100%; @@ -1020,9 +1462,15 @@ overflow:hidden; } -.edit-site-typography-panel__full-width-control{ - grid-column:1 / -1; - max-width:100%; +.edit-site-font-size__item{ + line-break:anywhere; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; +} + +.edit-site-font-size__item-value{ + color:#757575; } .edit-site-global-styles-screen{ @@ -1031,7 +1479,7 @@ .edit-site-global-styles-screen-typography__indicator{ align-items:center; - border-radius:2px; + border-radius:1px; display:flex !important; font-size:14px; height:24px; @@ -1043,7 +1491,7 @@ color:#757575; } -.edit-site-global-styles-font-families__add-fonts{ +.edit-site-global-styles-font-families__manage-fonts{ justify-content:center; } @@ -1098,8 +1546,8 @@ .edit-site-global-styles__block-preview-panel{ border:1px solid #e0e0e0; - border-radius:2px; - overflow:auto; + border-radius:4px; + overflow:hidden; position:relative; width:100%; } @@ -1109,8 +1557,8 @@ background-position:100% 0, right 8px top 8px; background-size:16px 16px; border:1px solid #e0e0e0; - border-radius:2px; - height:150px; + border-radius:4px; + height:144px; overflow:auto; } .edit-site-global-styles__shadow-preview-panel .edit-site-global-styles__shadow-preview-block{ @@ -1121,19 +1569,20 @@ width:60%; } +.edit-site-global-styles__shadow-editor__dropdown-content{ + width:280px; +} + .edit-site-global-styles__shadow-editor-panel{ margin-bottom:4px; - padding:16px; - width:280px; -} -.edit-site-global-styles__shadow-editor-panel .edit-site-global-styles__shadow-editor-color-palette{ - margin-bottom:-4px; } .edit-site-global-styles__shadow-editor__dropdown{ + position:relative; width:100%; } -.edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__dropdown-toggle,.edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__remove-button{ + +.edit-site-global-styles__shadow-editor__dropdown-toggle{ border-radius:inherit; height:auto; padding-bottom:8px; @@ -1141,11 +1590,29 @@ text-align:right; width:100%; } -.edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__dropdown-toggle.is-open,.edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__remove-button.is-open{ +.edit-site-global-styles__shadow-editor__dropdown-toggle.is-open{ background:#f0f0f0; color:var(--wp-admin-theme-color); } +.edit-site-global-styles__shadow-editor__remove-button{ + left:8px; + opacity:0; + position:absolute; + top:8px; +} +.edit-site-global-styles__shadow-editor__remove-button.edit-site-global-styles__shadow-editor__remove-button{ + border:none; +} +.edit-site-global-styles__shadow-editor__dropdown-toggle:hover+.edit-site-global-styles__shadow-editor__remove-button,.edit-site-global-styles__shadow-editor__remove-button:focus,.edit-site-global-styles__shadow-editor__remove-button:hover{ + opacity:1; +} +@media (hover:none){ + .edit-site-global-styles__shadow-editor__remove-button{ + opacity:1; + } +} + .edit-site-global-styles-screen-css{ display:flex; flex:1 1 auto; @@ -1178,9 +1645,18 @@ margin:24px 16px; } +.edit-site-global-styles-sidebar__navigator-provider{ + height:100%; +} + .edit-site-global-styles-sidebar__navigator-screen{ display:flex; flex-direction:column; + height:100%; +} + +.edit-site-global-styles-sidebar__navigator-screen .single-column{ + grid-column:span 1; } .edit-site-global-styles-screen-root.edit-site-global-styles-screen-root,.edit-site-global-styles-screen-style-variations.edit-site-global-styles-screen-style-variations{ @@ -1192,6 +1668,10 @@ fill:currentColor; } +.edit-site-global-styles-screen-root__active-style-tile.edit-site-global-styles-screen-root__active-style-tile,.edit-site-global-styles-screen-root__active-style-tile.edit-site-global-styles-screen-root__active-style-tile .edit-site-global-styles-screen-root__active-style-tile-preview{ + border-radius:2px; +} + .edit-site-global-styles-screen-revisions__revisions-list{ flex-grow:1; list-style:none; @@ -1207,6 +1687,10 @@ flex-direction:column; position:relative; } +.edit-site-global-styles-screen-revisions__revision-item[role=option]:active,.edit-site-global-styles-screen-revisions__revision-item[role=option]:focus{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid #0000; +} .edit-site-global-styles-screen-revisions__revision-item:hover{ background:rgba(var(--wp-admin-theme-color--rgb), .04); } @@ -1229,23 +1713,20 @@ width:8px; z-index:1; } -.edit-site-global-styles-screen-revisions__revision-item.is-selected{ +.edit-site-global-styles-screen-revisions__revision-item[aria-selected=true]{ background:rgba(var(--wp-admin-theme-color--rgb), .04); border-radius:2px; color:var(--wp-admin-theme-color); outline:3px solid #0000; outline-offset:-2px; } -.edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__revision-button{ - opacity:1; -} -.edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__date{ +.edit-site-global-styles-screen-revisions__revision-item[aria-selected=true] .edit-site-global-styles-screen-revisions__date{ color:var(--wp-admin-theme-color); } -.edit-site-global-styles-screen-revisions__revision-item.is-selected:before{ +.edit-site-global-styles-screen-revisions__revision-item[aria-selected=true]:before{ background:var(--wp-admin-theme-color); } -.edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__applied-text,.edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__changes>li,.edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__meta{ +.edit-site-global-styles-screen-revisions__revision-item[aria-selected=true] .edit-site-global-styles-screen-revisions__applied-text,.edit-site-global-styles-screen-revisions__revision-item[aria-selected=true] .edit-site-global-styles-screen-revisions__changes>li,.edit-site-global-styles-screen-revisions__revision-item[aria-selected=true] .edit-site-global-styles-screen-revisions__meta{ color:#1e1e1e; } .edit-site-global-styles-screen-revisions__revision-item:after{ @@ -1261,14 +1742,10 @@ .edit-site-global-styles-screen-revisions__revision-item:last-child:after{ height:18px; } -.edit-site-global-styles-screen-revisions__revision-item .edit-site-global-styles-screen-revisions__revision-button{ + +.edit-site-global-styles-screen-revisions__revision-item-wrapper{ display:block; - height:auto; - outline-offset:-2px; padding:12px 40px 4px 12px; - position:relative; - width:100%; - z-index:1; } .edit-site-global-styles-screen-revisions__applied-text,.edit-site-global-styles-screen-revisions__apply-button.is-primary{ @@ -1376,12 +1853,7 @@ flex-direction:column; min-height:100%; } -.edit-site-global-styles-sidebar__navigator-provider,.edit-site-global-styles-sidebar__panel{ - display:flex; - flex:1; - flex-direction:column; -} -.edit-site-global-styles-sidebar__navigator-screen{ +.edit-site-global-styles-sidebar__panel{ flex:1; } @@ -1389,6 +1861,10 @@ margin:0; } +.edit-site-global-styles-sidebar .edit-site-global-styles-sidebar__header-actions{ + flex:1; +} + .edit-site-global-styles-sidebar .components-navigation__menu-title-heading{ font-size:15.6px; font-weight:500; @@ -1398,7 +1874,7 @@ font-weight:500; } -.edit-site-global-styles-sidebar .block-editor-panel-color-gradient-settings,.edit-site-typography-panel{ +.edit-site-global-styles-sidebar .block-editor-panel-color-gradient-settings{ border:0; } @@ -1427,6 +1903,9 @@ margin:0; } +.show-icon-labels .edit-site-global-styles-sidebar__header .components-button.has-icon{ + width:auto; +} .show-icon-labels .edit-site-global-styles-sidebar__header .components-button.has-icon svg{ display:none; } @@ -1440,12 +1919,10 @@ color:#2f2f2f; container:edit-site-page/inline-size; height:100%; - transition:width .2s ease-out; -} -@media (prefers-reduced-motion:reduce){ +} +@media not (prefers-reduced-motion){ .edit-site-page{ - transition-delay:0s; - transition-duration:0s; + transition:width .2s ease-out; } } @@ -1455,13 +1932,11 @@ padding:16px 48px; position:sticky; top:0; - transition:padding .1s ease-out; z-index:2; } -@media (prefers-reduced-motion:reduce){ +@media not (prefers-reduced-motion){ .edit-site-page-header{ - transition-delay:0s; - transition-duration:0s; + transition:padding .1s ease-out; } } .edit-site-page-header .components-heading{ @@ -1470,9 +1945,15 @@ .edit-site-page-header .edit-site-page-header__page-title{ min-height:40px; } +.edit-site-page-header .edit-site-page-header__page-title .components-heading{ + flex-basis:0; + flex-grow:1; + white-space:nowrap; +} .edit-site-page-header .edit-site-page-header__sub-title{ margin-bottom:8px; } + @container (max-width: 430px){ .edit-site-page-header{ padding:16px 24px; @@ -1486,165 +1967,62 @@ z-index:1; } -.edit-site-page-pages__featured-image{ - height:100%; - object-fit:cover; - width:100%; -} - -.edit-site-page-pages__featured-image-wrapper{ - border-radius:4px; - height:100%; - width:100%; -} -.edit-site-page-pages__featured-image-wrapper.is-layout-table .page-pages-preview-field__button,.edit-site-page-pages__featured-image-wrapper.is-layout-table:not(:has(.page-pages-preview-field__button)){ - background-color:#f0f0f0; - border-radius:4px; - display:block; - flex-grow:0 !important; - height:32px; - overflow:hidden; - position:relative; - width:32px; -} -.edit-site-page-pages__featured-image-wrapper.is-layout-table .page-pages-preview-field__button:after,.edit-site-page-pages__featured-image-wrapper.is-layout-table:not(:has(.page-pages-preview-field__button)):after{ - border-radius:4px; - box-shadow:inset 0 0 0 1px #0000001a; - content:""; - height:100%; - position:absolute; - right:0; - top:0; - width:100%; -} - -.page-pages-preview-field__button{ - background-color:unset; - border:none; - border-radius:4px; - box-shadow:none; - box-sizing:border-box; - cursor:pointer; - height:100%; - overflow:hidden; - padding:0; - width:100%; -} -.page-pages-preview-field__button:focus-visible{ - box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline:2px solid #0000; -} - -.edit-site-page-pages-title span{ - overflow:hidden; - text-overflow:ellipsis; -} - -.edit-site-page-pages__title-badge{ - background:#f0f0f0; - border-radius:2px; - color:#757575; - flex-shrink:0; - font-size:12px; - font-weight:400; - padding:0 4px; -} - -.edit-site-patterns__section-header .screen-reader-shortcut:focus{ - top:0; -} - -.edit-site-patterns__pattern-title .is-link{ - color:#e0e0e0; - text-decoration:none; -} -.edit-site-patterns__pattern-title .is-link:focus,.edit-site-patterns__pattern-title .is-link:hover{ - color:#fff; -} -.edit-site-patterns__pattern-title .edit-site-patterns__pattern-icon{ - background:var(--wp-block-synced-color); - border-radius:4px; - fill:#fff; -} -.edit-site-patterns__pattern-title .edit-site-patterns__pattern-lock-icon{ - fill:currentcolor; -} - .edit-site-patterns__delete-modal{ width:384px; } -.edit-site-page-patterns-dataviews .page-patterns-preview-field{ +.page-patterns-preview-field{ + align-items:center; + border-radius:4px; display:flex; flex-direction:column; height:100%; -} -.edit-site-page-patterns-dataviews .page-patterns-preview-field.is-viewtype-table{ - border-radius:2px; + justify-content:center; +} +.dataviews-view-grid .page-patterns-preview-field .block-editor-block-preview__container{ + height:100%; +} +.dataviews-view-table .page-patterns-preview-field{ flex-grow:0; + text-wrap:balance; + text-wrap:pretty; width:96px; } -.edit-site-page-patterns-dataviews .page-patterns-preview-field.is-viewtype-table .page-patterns-preview-field__button{ - border-radius:2px; -} -.edit-site-page-patterns-dataviews .page-patterns-preview-field .page-patterns-preview-field__button{ - background-color:unset; - border:none; - border-radius:4px; - box-shadow:none; - box-sizing:border-box; - cursor:pointer; - height:100%; - overflow:hidden; - padding:0; -} -.edit-site-page-patterns-dataviews .page-patterns-preview-field .page-patterns-preview-field__button:focus-visible{ - box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline:2px solid #0000; -} -.edit-site-page-patterns-dataviews .page-patterns-preview-field .page-patterns-preview-field__button[aria-disabled=true]{ - cursor:default; -} -.edit-site-page-patterns-dataviews .edit-site-patterns__pattern-icon{ + +.edit-site-patterns__pattern-icon{ fill:var(--wp-block-synced-color); flex-shrink:0; } -.edit-site-page-patterns-dataviews .edit-site-patterns__pattern-lock-icon{ - min-width:min-content; -} -.edit-site-page-patterns-dataviews .edit-site-patterns__section-header{ + +.edit-site-patterns__section-header{ border-bottom:1px solid #f0f0f0; flex-shrink:0; min-height:40px; padding:16px 48px; position:sticky; top:0; - transition:padding .1s ease-out; z-index:2; } -@media (prefers-reduced-motion:reduce){ - .edit-site-page-patterns-dataviews .edit-site-patterns__section-header{ - transition-delay:0s; - transition-duration:0s; +@media not (prefers-reduced-motion){ + .edit-site-patterns__section-header{ + transition:padding .1s ease-out; } } -.edit-site-page-patterns-dataviews .edit-site-patterns__section-header .edit-site-patterns__title{ +.edit-site-patterns__section-header .edit-site-patterns__title{ min-height:40px; } -.edit-site-page-patterns-dataviews .edit-site-patterns__section-header .edit-site-patterns__sub-title{ +.edit-site-patterns__section-header .edit-site-patterns__title .components-heading{ + flex-basis:0; + flex-grow:1; + white-space:nowrap; +} +.edit-site-patterns__section-header .edit-site-patterns__sub-title{ margin-bottom:8px; } -.edit-site-page-patterns-dataviews .edit-site-patterns__pattern-title{ - color:inherit; - display:block; - overflow:hidden; - text-overflow:ellipsis; - white-space:nowrap; - width:100%; -} -.edit-site-page-patterns-dataviews .dataviews-pagination{ - z-index:2; -} +.edit-site-patterns__section-header .screen-reader-shortcut:focus{ + top:0; +} + .edit-site-page-patterns-dataviews .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value:has(.edit-site-patterns__field-sync-status-fully){ background:rgba(var(--wp-block-synced-color--rgb), .04); color:var(--wp-block-synced-color); @@ -1676,6 +2054,7 @@ max-width:500px; } } + @container (max-width: 430px){ .edit-site-page-patterns-dataviews .edit-site-patterns__section-header{ padding-left:24px; @@ -1683,37 +2062,29 @@ } } .page-templates-preview-field{ + align-items:center; + border-radius:4px; display:flex; flex-direction:column; height:100%; -} -.page-templates-preview-field .page-templates-preview-field__button{ - background-color:unset; - border:none; - border-radius:4px; - box-shadow:none; - box-sizing:border-box; - cursor:pointer; + justify-content:center; + width:100%; +} +.dataviews-view-list .page-templates-preview-field .block-editor-block-preview__container{ + height:120px; +} +.dataviews-view-grid .page-templates-preview-field .block-editor-block-preview__container{ height:100%; - overflow:hidden; - padding:0; -} -.page-templates-preview-field .page-templates-preview-field__button:focus-visible{ - box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline:2px solid #0000; -} -.page-templates-preview-field.is-viewtype-list .block-editor-block-preview__container{ - height:120px; -} -.page-templates-preview-field.is-viewtype-grid .block-editor-block-preview__container{ - height:100%; -} -.page-templates-preview-field.is-viewtype-table{ - border-radius:2px; +} +.dataviews-view-table .page-templates-preview-field{ + max-height:160px; position:relative; -} -.page-templates-preview-field.is-viewtype-table:after{ - border-radius:2px; + text-wrap:balance; + text-wrap:pretty; + width:120px; +} +.dataviews-view-table .page-templates-preview-field:after{ + border-radius:4px; box-shadow:inset 0 0 0 1px #0000001a; content:""; height:100%; @@ -1724,7 +2095,13 @@ } .page-templates-description{ - white-space:normal; + max-width:50em; + text-wrap:balance; + text-wrap:pretty; +} +.dataviews-view-table .page-templates-description{ + display:block; + margin-bottom:8px; } .edit-site-page-templates .dataviews-pagination{ @@ -1736,22 +2113,20 @@ display:flex; flex-shrink:0; height:24px; - justify-content:center; + justify-content:right; overflow:hidden; width:24px; } .page-templates-author-field__avatar img{ border-radius:100%; - height:20px; + height:16px; object-fit:cover; opacity:0; - transition:opacity .1s linear; - width:20px; -} -@media (prefers-reduced-motion:reduce){ + width:16px; +} +@media not (prefers-reduced-motion){ .page-templates-author-field__avatar img{ - transition-delay:0s; - transition-duration:0s; + transition:opacity .1s linear; } } .page-templates-author-field__avatar.is-loaded img{ @@ -1765,6 +2140,7 @@ width:24px; } .page-templates-author-field__icon svg{ + margin-right:-4px; fill:currentColor; } @@ -1782,52 +2158,12 @@ } } -.edit-site-table-wrapper{ - padding:32px; - width:100%; -} - -.edit-site-table{ - border-collapse:collapse; - border-color:inherit; - position:relative; - text-indent:0; - width:100%; -} -.edit-site-table a{ - text-decoration:none; -} -.edit-site-table th{ - color:#757575; - font-weight:400; - padding:0 16px 16px; - text-align:right; -} -.edit-site-table td{ - padding:16px; -} -.edit-site-table td,.edit-site-table th{ - vertical-align:center; -} -.edit-site-table td:first-child,.edit-site-table th:first-child{ - padding-right:0; -} -.edit-site-table td:last-child,.edit-site-table th:last-child{ - padding-left:0; - text-align:left; -} -.edit-site-table tr{ - border-bottom:1px solid #f0f0f0; -} - .edit-site-editor__editor-interface{ opacity:1; - transition:opacity .1s ease-out; -} -@media (prefers-reduced-motion:reduce){ +} +@media not (prefers-reduced-motion){ .edit-site-editor__editor-interface{ - transition-delay:0s; - transition-duration:0s; + transition:opacity .1s ease-out; } } .edit-site-editor__editor-interface.is-loading{ @@ -1844,6 +2180,57 @@ width:280px; } +.edit-site-editor__view-mode-toggle{ + view-transition-name:toggle; + height:60px; + right:0; + top:0; + width:60px; + z-index:100; +} +.edit-site-editor__view-mode-toggle .components-button{ + align-items:center; + border-radius:0; + color:#fff; + display:flex; + height:100%; + justify-content:center; + overflow:hidden; + padding:0; + width:100%; +} +.edit-site-editor__view-mode-toggle .components-button:active,.edit-site-editor__view-mode-toggle .components-button:hover{ + color:#fff; +} +.edit-site-editor__view-mode-toggle .components-button:focus{ + box-shadow:none; +} +.edit-site-editor__view-mode-toggle .edit-site-editor__view-mode-toggle-icon img,.edit-site-editor__view-mode-toggle .edit-site-editor__view-mode-toggle-icon svg{ + background:#1e1e1e; + display:block; +} + +.edit-site-editor__back-icon{ + align-items:center; + background-color:#ccc; + display:flex; + height:60px; + justify-content:center; + pointer-events:none; + position:absolute; + right:0; + top:0; + width:60px; +} +.edit-site-editor__back-icon svg{ + fill:currentColor; +} +.edit-site-editor__back-icon.has-site-icon{ + -webkit-backdrop-filter:saturate(180%) blur(15px); + backdrop-filter:saturate(180%) blur(15px); + background-color:#fff9; +} + .edit-site-welcome-guide{ width:312px; } @@ -1910,7 +2297,7 @@ } @media (min-width:782px){ .edit-site-layout__sidebar-region{ - width:360px; + width:300px; } } .edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region{ @@ -1936,6 +2323,8 @@ } .edit-site-layout__mobile{ + display:flex; + flex-direction:column; position:relative; width:100%; z-index:2; @@ -1943,6 +2332,9 @@ .edit-site-layout__mobile .edit-site-sidebar__screen-wrapper{ padding:0; } +.edit-site-layout__mobile .edit-site-sidebar-navigation-screen__main{ + padding:0 12px; +} .edit-site-layout__canvas-container{ flex-grow:1; @@ -1983,13 +2375,22 @@ width:calc(100% - 16px); } .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{ - box-shadow:0 20px 25px -5px #000c,0 8px 10px -6px #000c; + box-shadow:0 1px 1px #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003; overflow:hidden; - transition:border-radius .4s; } +} +@media (min-width:782px) and (not (prefers-reduced-motion)){ + .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{ + transition:border-radius,box-shadow .4s; + } +} +@media (min-width:782px){ .edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{ border-radius:8px; } + .edit-site-layout__canvas .edit-site-resizable-frame__inner-content:hover{ + box-shadow:0 5px 15px #00000014,0 15px 27px #00000012,0 30px 36px #0000000a,0 50px 43px #00000005; + } } .edit-site-layout.is-full-canvas .edit-site-layout__canvas{ bottom:0; @@ -2008,6 +2409,12 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){ animation-delay:255ms; } + +@media (prefers-reduced-motion){ + ::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){ + animation:none !important; + } +} .edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region .edit-site-layout__view-mode-toggle{ display:none; } @@ -2044,20 +2451,18 @@ position:absolute; right:9px; top:9px; - transition:box-shadow .1s ease; -} -@media (prefers-reduced-motion:reduce){ +} +@media not (prefers-reduced-motion){ .edit-site-layout__view-mode-toggle.components-button:before{ - transition-delay:0s; - transition-duration:0s; + transition:box-shadow .1s ease; } } .edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon{ align-items:center; display:flex; - height:64px; + height:60px; justify-content:center; - width:64px; + width:60px; } .edit-site-layout__actions{ @@ -2085,6 +2490,7 @@ } .edit-site-layout__area{ + box-shadow:0 1px 1px #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003; flex-grow:1; margin:0; overflow:hidden; @@ -2104,20 +2510,6 @@ position:fixed; } -.edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus,.edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus-visible{ - box-shadow:none; - outline:none; - outline-offset:0; -} -.edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus .edit-site-site-icon svg,.edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus-visible .edit-site-site-icon svg{ - border-radius:2px; - box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #3858e9); - height:40px; - outline:3px solid #0000; - padding:2px; - width:40px; -} - .edit-site-save-hub{ border-top:1px solid #2f2f2f; color:#949494; @@ -2154,7 +2546,7 @@ overflow-y:auto; } -@keyframes slide-from-right{ +@keyframes _x51ri_slide-from-right{ 0%{ opacity:0; transform:translateX(-50px); @@ -2164,7 +2556,7 @@ transform:none; } } -@keyframes slide-from-left{ +@keyframes _x51ri_slide-from-left{ 0%{ opacity:0; transform:translateX(50px); @@ -2220,10 +2612,10 @@ } } .edit-site-sidebar__screen-wrapper.slide-from-left{ - animation-name:slide-from-left; + animation-name:_x51ri_slide-from-left; } .edit-site-sidebar__screen-wrapper.slide-from-right{ - animation-name:slide-from-right; + animation-name:_x51ri_slide-from-right; } .edit-site-sidebar-button{ @@ -2238,27 +2630,29 @@ box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline:3px solid #0000; } -.edit-site-sidebar-button:focus,.edit-site-sidebar-button:focus-visible,.edit-site-sidebar-button:hover,.edit-site-sidebar-button:not([aria-disabled=true]):active,.edit-site-sidebar-button[aria-expanded=true]{ +.edit-site-sidebar-button:focus,.edit-site-sidebar-button:focus-visible,.edit-site-sidebar-button:hover:not(:disabled,[aria-disabled=true]),.edit-site-sidebar-button:not(:disabled,[aria-disabled=true]):active,.edit-site-sidebar-button[aria-expanded=true]{ color:#f0f0f0; } .edit-site-sidebar-navigation-item.components-item{ border:none; - border-radius:2px; color:#949494; min-height:40px; padding:8px 16px 8px 6px; } -.edit-site-sidebar-navigation-item.components-item:focus,.edit-site-sidebar-navigation-item.components-item:hover,.edit-site-sidebar-navigation-item.components-item[aria-current]{ - background:#2f2f2f; +.edit-site-sidebar-navigation-item.components-item:focus,.edit-site-sidebar-navigation-item.components-item:hover,.edit-site-sidebar-navigation-item.components-item[aria-current=true]{ color:#e0e0e0; } -.edit-site-sidebar-navigation-item.components-item:focus .edit-site-sidebar-navigation-item__drilldown-indicator,.edit-site-sidebar-navigation-item.components-item:hover .edit-site-sidebar-navigation-item__drilldown-indicator,.edit-site-sidebar-navigation-item.components-item[aria-current] .edit-site-sidebar-navigation-item__drilldown-indicator{ +.edit-site-sidebar-navigation-item.components-item:focus .edit-site-sidebar-navigation-item__drilldown-indicator,.edit-site-sidebar-navigation-item.components-item:hover .edit-site-sidebar-navigation-item__drilldown-indicator,.edit-site-sidebar-navigation-item.components-item[aria-current=true] .edit-site-sidebar-navigation-item__drilldown-indicator{ fill:#e0e0e0; } -.edit-site-sidebar-navigation-item.components-item[aria-current]{ - background:var(--wp-admin-theme-color); +.edit-site-sidebar-navigation-item.components-item[aria-current=true]{ + background:#2f2f2f; color:#fff; + font-weight:500; +} +.edit-site-sidebar-navigation-item.components-item:focus-visible{ + transform:translateZ(0); } .edit-site-sidebar-navigation-item.components-item .edit-site-sidebar-navigation-item__drilldown-indicator{ fill:#949494; @@ -2290,10 +2684,6 @@ .edit-site-sidebar-navigation-screen__content{ padding:0 16px; } -.edit-site-sidebar-navigation-screen__content .components-item-group{ - margin-left:-16px; - margin-right:-16px; -} .edit-site-sidebar-navigation-screen__content .components-text{ color:#ccc; } @@ -2301,26 +2691,6 @@ margin-bottom:8px; } -.edit-site-sidebar-navigation-screen__meta{ - color:#ccc; - margin:0 16px 16px 0; -} -.edit-site-sidebar-navigation-screen__meta .components-text{ - color:#ccc; -} - -.edit-site-sidebar-navigation-screen__page-link{ - color:#949494; - display:inline-block; - word-break:break-word; -} -.edit-site-sidebar-navigation-screen__page-link:focus,.edit-site-sidebar-navigation-screen__page-link:hover{ - color:#fff; -} -.edit-site-sidebar-navigation-screen__page-link .components-external-link__icon{ - margin-right:4px; -} - .edit-site-sidebar-navigation-screen__title-icon{ background:#1e1e1e; margin-bottom:8px; @@ -2334,7 +2704,9 @@ .edit-site-sidebar-navigation-screen__title{ flex-grow:1; overflow-wrap:break-word; - padding:2px 0 0; +} +.edit-site-sidebar-navigation-screen__title.edit-site-sidebar-navigation-screen__title,.edit-site-sidebar-navigation-screen__title.edit-site-sidebar-navigation-screen__title .edit-site-sidebar-navigation-screen__title{ + line-height:32px; } .edit-site-sidebar-navigation-screen__actions{ @@ -2374,9 +2746,13 @@ bottom:0; gap:0; margin:16px 0 0; - padding:16px 0; + padding:8px 16px; position:sticky; } +.edit-site-sidebar-navigation-screen__footer .edit-site-sidebar-navigation-screen-details-footer{ + margin-left:-16px; + margin-right:-16px; +} .edit-site-sidebar-navigation-screen__input-control{ width:100%; } @@ -2388,7 +2764,6 @@ } .edit-site-sidebar-navigation-screen__input-control .components-input-control__input{ background:#2f2f2f !important; - border-radius:2px; color:#e0e0e0 !important; } .edit-site-sidebar-navigation-screen__input-control .components-input-control__backdrop{ @@ -2401,10 +2776,6 @@ .edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item:focus,.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item:hover,.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item[aria-current]{ background:none; } -.edit-site-sidebar-navigation-screen-details-footer .edit-site-sidebar-navigation-screen-details-footer__icon{ - margin-right:auto; - fill:#949494; -} .sidebar-navigation__more-menu .components-button{ color:#e0e0e0; @@ -2413,33 +2784,10 @@ color:#f0f0f0; } -.edit-site-sidebar-navigation-details-screen-panel{ - margin:24px 0; -} -.edit-site-sidebar-navigation-details-screen-panel:last-of-type{ - margin-bottom:0; -} -.edit-site-sidebar-navigation-details-screen-panel .edit-site-sidebar-navigation-details-screen-panel__heading{ - color:#ccc; - font-size:11px; - font-weight:500; - margin-bottom:0; - padding:0; - text-transform:uppercase; -} - -.edit-site-sidebar-navigation-details-screen-panel__label.edit-site-sidebar-navigation-details-screen-panel__label{ - color:#949494; - flex-shrink:0; - width:100px; -} - -.edit-site-sidebar-navigation-details-screen-panel__value.edit-site-sidebar-navigation-details-screen-panel__value{ - color:#e0e0e0; -} - .edit-site-sidebar-navigation-screen-patterns__group{ margin-bottom:24px; + margin-left:-16px; + margin-right:-16px; } .edit-site-sidebar-navigation-screen-patterns__group:last-of-type{ border-bottom:0; @@ -2464,6 +2812,55 @@ margin:16px 0; } +.edit-site-sidebar-navigation-screen__description{ + margin:0 0 32px; +} + +.edit-site-sidebar-navigation-screen-navigation-menus{ + margin-left:-16px; + margin-right:-16px; +} + +.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell{ + width:100%; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-leaf .block-editor-list-view-block-contents{ + white-space:normal; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__title{ + margin-top:3px; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu-cell{ + padding-left:0; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button{ + color:#949494; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button:focus,.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button:hover,.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button[aria-current]{ + color:#fff; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu{ + color:#949494; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu:focus,.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu:hover{ + color:#fff; +} + +.edit-site-sidebar-navigation-screen-navigation-menus__loading.components-spinner{ + display:block; + margin-left:auto; + margin-right:auto; +} + +.edit-site-sidebar-navigation-screen-navigation-menus__helper-block-editor{ + display:none; +} + +.edit-site-sidebar-navigation-screen-main,.edit-site-sidebar-navigation-screen-templates-browse{ + margin-left:-16px; + margin-right:-16px; +} + .edit-site-sidebar-navigation-screen-dataviews__group-header{ margin-top:32px; } @@ -2473,26 +2870,35 @@ text-transform:uppercase; } +.edit-site-sidebar-dataviews{ + margin-left:-16px; + margin-right:-16px; +} + +.edit-site-sidebar-navigation-screen-dataviews__custom-items .edit-site-sidebar-dataviews-dataview-item{ + padding-left:8px; +} + .edit-site-sidebar-dataviews-dataview-item{ border-radius:2px; - padding-left:8px; } .edit-site-sidebar-dataviews-dataview-item .edit-site-sidebar-dataviews-dataview-item__dropdown-menu{ min-width:auto; } .edit-site-sidebar-dataviews-dataview-item:focus,.edit-site-sidebar-dataviews-dataview-item:hover,.edit-site-sidebar-dataviews-dataview-item[aria-current]{ - background:#2f2f2f; color:#e0e0e0; } .edit-site-sidebar-dataviews-dataview-item.is-selected{ - background:var(--wp-admin-theme-color); + background:#2f2f2f; color:#fff; + font-weight:500; } .edit-site-site-hub{ align-items:center; display:flex; gap:8px; + height:60px; justify-content:space-between; margin-left:12px; } @@ -2516,6 +2922,7 @@ flex-grow:1; font-size:15px; font-weight:500; + margin-right:-4px; overflow:hidden; padding-left:16px; position:relative; @@ -2541,12 +2948,10 @@ left:0; opacity:0; position:absolute; - transition:opacity .1s linear; -} -@media (prefers-reduced-motion:reduce){ +} +@media not (prefers-reduced-motion){ .edit-site-site-hub__title .components-button:after{ - transition-delay:0s; - transition-duration:0s; + transition:opacity .1s linear; } } .edit-site-site-hub__title .components-button:active:after,.edit-site-site-hub__title .components-button:focus:after,.edit-site-site-hub__title .components-button:hover:after{ @@ -2560,47 +2965,17 @@ fill:#f0f0f0; } -.edit-site-sidebar-navigation-screen__description{ - margin:0 0 32px; -} - -.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell{ - width:100%; -} -.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-leaf .block-editor-list-view-block-contents{ - white-space:normal; -} -.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__title{ - margin-top:3px; -} -.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu-cell{ - padding-left:0; -} -.edit-site-sidebar-navigation-screen-navigation-menus__content .components-button{ - color:#949494; -} -.edit-site-sidebar-navigation-screen-navigation-menus__content .components-button:focus,.edit-site-sidebar-navigation-screen-navigation-menus__content .components-button:hover,.edit-site-sidebar-navigation-screen-navigation-menus__content .components-button[aria-current]{ - color:#fff; -} - -.edit-site-sidebar-navigation-screen-navigation-menus__loading.components-spinner{ - display:block; - margin-left:auto; - margin-right:auto; -} - -.edit-site-sidebar-navigation-screen-navigation-menus__helper-block-editor{ - display:none; -} - .edit-site-site-icon__icon{ fill:currentColor; + height:100%; + width:100%; } .edit-site-layout.is-full-canvas .edit-site-site-icon__icon{ - padding:6px; + padding:12px; } .edit-site-site-icon__image{ + aspect-ratio:1/1; background:#333; height:100%; object-fit:cover; @@ -2610,11 +2985,37 @@ border-radius:0; } +.edit-site-editor__view-mode-toggle button:focus{ + position:relative; +} +.edit-site-editor__view-mode-toggle button:focus:before{ + bottom:0; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 calc(1px + var(--wp-admin-border-width-focus)) #fff; + content:""; + display:block; + left:0; + position:absolute; + right:0; + top:0; + z-index:1; +} + .edit-site-style-book{ + align-items:stretch; + display:flex; + flex-direction:column; height:100%; } - -.edit-site-style-book.is-button,.edit-site-style-book__iframe.is-button{ +.edit-site-style-book.is-button{ + border-radius:8px; +} + +.edit-site-style-book__iframe{ + display:block; + height:100%; + width:100%; +} +.edit-site-style-book__iframe.is-button{ border-radius:8px; } .edit-site-style-book__iframe.is-focused{ @@ -2622,18 +3023,17 @@ outline-offset:calc(var(--wp-admin-border-width-focus)*-2); } -.edit-site-style-book__tabs [role=tablist]{ +.edit-site-style-book__tablist-container{ background:#fff; - color:#1e1e1e; -} -.edit-site-style-book__tabs [role=tabpanel]{ - bottom:0; - left:0; + display:flex; + flex:none; + padding-left:56px; + width:100%; +} + +.edit-site-style-book__tabpanel{ + flex:1 0 auto; overflow:auto; - padding:0; - position:absolute; - right:0; - top:48px; } .edit-site-editor-canvas-container{ @@ -2651,22 +3051,103 @@ .edit-site-editor-canvas-container__section{ background:#fff; - border-radius:2px; + border-radius:8px; bottom:0; left:0; overflow:hidden; position:absolute; right:0; top:0; - transition:all .3s; +} +@media not (prefers-reduced-motion){ + .edit-site-editor-canvas-container__section{ + transition:all .3s; + } } .edit-site-editor-canvas-container__close-button{ background:#fff; left:8px; position:absolute; - top:6px; - z-index:1; + top:8px; + z-index:2; +} + +.edit-site-post-edit{ + padding:24px; +} +.edit-site-post-edit.is-empty .edit-site-page-content{ + align-items:center; + display:flex; + justify-content:center; +} + +.dataforms-layouts-panel__field-dropdown .fields-controls__password{ + border-top:1px solid #e0e0e0; + padding-top:16px; +} + +.edit-site-post-list__featured-image{ + height:100%; + object-fit:cover; + width:100%; +} + +.edit-site-post-list__featured-image-wrapper{ + border-radius:4px; + height:100%; + width:100%; +} +.edit-site-post-list__featured-image-wrapper.is-layout-table .edit-site-post-list__featured-image-button,.edit-site-post-list__featured-image-wrapper.is-layout-table:not(:has(.edit-site-post-list__featured-image-button)){ + background-color:#f0f0f0; + border-radius:4px; + display:block; + flex-grow:0 !important; + height:32px; + overflow:hidden; + position:relative; + width:32px; +} +.edit-site-post-list__featured-image-wrapper.is-layout-table .edit-site-post-list__featured-image-button:after,.edit-site-post-list__featured-image-wrapper.is-layout-table:not(:has(.edit-site-post-list__featured-image-button)):after{ + border-radius:4px; + box-shadow:inset 0 0 0 1px #0000001a; + content:""; + height:100%; + position:absolute; + right:0; + top:0; + width:100%; +} + +.edit-site-post-list__featured-image-button{ + background-color:unset; + border:none; + border-radius:4px; + box-shadow:none; + box-sizing:border-box; + cursor:pointer; + height:100%; + overflow:hidden; + padding:0; + width:100%; +} +.edit-site-post-list__featured-image-button:focus-visible{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid #0000; +} + +.dataviews-view-grid__card.is-selected .edit-site-post-list__featured-image-button:after{ + background:rgba(var(--wp-admin-theme-color--rgb), .04); + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} + +.edit-site-post-list__status-icon{ + height:24px; + width:24px; +} +.edit-site-post-list__status-icon svg{ + fill:currentColor; + margin-right:-4px; } .edit-site-resizable-frame__inner{ @@ -2767,7 +3248,8 @@ top:0; width:100%; } -.font-library-modal__tabpanel-layout .font-library-modal__tabpanel-layout__footer{ + +.font-library-modal__footer{ background-color:#fff; border-top:1px solid #ddd; bottom:32px; @@ -2778,6 +3260,18 @@ width:100%; } +.font-library-modal__page-selection{ + font-size:11px; + font-weight:500; + text-transform:uppercase; +} +@media (min-width:600px){ + .font-library-modal__page-selection .components-select-control__input{ + font-size:11px !important; + font-weight:500; + } +} + .font-library-modal__tabpanel-layout .components-base-control__field{ margin-bottom:0; } @@ -2799,7 +3293,7 @@ .font-library-modal__font-card{ border:1px solid #e0e0e0; - height:auto; + height:auto !important; margin-top:-1px; padding:16px; width:100%; @@ -2820,13 +3314,11 @@ } .font-library-modal__font-card .font-library-modal__font-variant_demo-text{ flex-shrink:0; - transition:opacity .3s ease-in-out; white-space:nowrap; } -@media (prefers-reduced-motion:reduce){ +@media not (prefers-reduced-motion){ .font-library-modal__font-card .font-library-modal__font-variant_demo-text{ - transition-delay:0s; - transition-duration:0s; + transition:opacity .3s ease-in-out; } } @@ -2835,7 +3327,7 @@ padding-bottom:16px; } -.font-library-modal__tabs [role=tablist]{ +.font-library-modal__tablist-container{ background:#fff; border-bottom:1px solid #ddd; margin:0 -32px; @@ -2844,11 +3336,14 @@ top:0; z-index:1; } +.font-library-modal__tablist-container [role=tablist]{ + margin-bottom:-1px; +} .font-library-modal__upload-area{ align-items:center; display:flex; - height:256px; + height:256px !important; justify-content:center; width:100%; } @@ -2887,6 +3382,13 @@ width:100%; } +.font-library-modal__select-all{ + padding:16px 17px 16px 16px; +} +.font-library-modal__select-all .components-checkbox-control__label{ + padding-right:16px; +} + .edit-site-pagination .components-button.is-tertiary{ height:32px; justify-content:center; @@ -2894,7 +3396,6 @@ } .edit-site-global-styles-variations_item{ - border-radius:2px; box-sizing:border-box; cursor:pointer; } @@ -2904,12 +3405,10 @@ outline-offset:-1px; overflow:hidden; position:relative; - transition:outline .1s linear; -} -@media (prefers-reduced-motion:reduce){ +} +@media not (prefers-reduced-motion){ .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{ - transition-delay:0s; - transition-duration:0s; + transition:outline .1s linear; } } .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview.is-pill{ @@ -2929,6 +3428,50 @@ .edit-site-global-styles-variations_item:focus-visible .edit-site-global-styles-variations_item-preview{ outline-color:var(--wp-admin-theme-color); } + +.edit-site-styles .edit-site-page-content .edit-site-global-styles-screen-root{ + box-shadow:none; +} +.edit-site-styles .edit-site-page-content .edit-site-global-styles-screen-root>div>hr{ + display:none; +} +.edit-site-styles .edit-site-page-content .edit-site-global-styles-sidebar__navigator-provider{ + overflow-y:auto; + padding-left:0; + padding-right:0; +} +.edit-site-styles .edit-site-page-content .edit-site-global-styles-sidebar__navigator-provider .components-tools-panel{ + border-top:none; +} +.edit-site-styles .edit-site-page-content .edit-site-global-styles-sidebar__navigator-provider .edit-site-global-styles-sidebar__navigator-screen{ + outline:none; + padding:12px; +} +.edit-site-styles .edit-site-page-content .edit-site-page-header{ + padding-left:48px; + padding-right:48px; +} +@container (max-width: 430px){ + .edit-site-styles .edit-site-page-content .edit-site-page-header{ + padding-left:24px; + padding-right:24px; + } +} +.edit-site-styles .edit-site-page-content .edit-site-sidebar-button{ + color:#1e1e1e; +} + +.show-icon-labels .edit-site-styles .edit-site-page-content .edit-site-page-header__actions .components-button.has-icon{ + padding:0 8px; + width:auto; +} +.show-icon-labels .edit-site-styles .edit-site-page-content .edit-site-page-header__actions .components-button.has-icon svg{ + display:none; +} +.show-icon-labels .edit-site-styles .edit-site-page-content .edit-site-page-header__actions .components-button.has-icon:after{ + content:attr(aria-label); + font-size:12px; +} ::view-transition-image-pair(root){ isolation:auto; } @@ -2998,14 +3541,7 @@ .edit-site .interface-interface-skeleton{ top:0; } -@keyframes edit-post__fade-in-animation{ - 0%{ - opacity:0; - } - to{ - opacity:1; - } -} + body.admin-color-light{ --wp-admin-theme-color:#0085ba; --wp-admin-theme-color--rgb:0, 133, 186;