--- 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;