@wordpress/edit-site 6.9.0 → 6.11.0

package/build-style/style-rtl.css

@@ -827,44 +827,31 @@ ul.dataviews-view-list {
 }
 .dataviews-view-list li {
   margin: 0;
-  cursor: pointer;
   border-top: 1px solid #f0f0f0;
 }
 .dataviews-view-list li .dataviews-view-list__item-wrapper {
   position: relative;
-  border-radius: 4px;
-}
-.dataviews-view-list li .dataviews-view-list__item-wrapper > * {
-  width: 100%;
+  padding: 16px 24px;
 }
 .dataviews-view-list li .dataviews-view-list__item-actions {
-  position: absolute;
-  top: 16px;
-  left: 0;
+  flex: 0;
+  overflow: hidden;
 }
 .dataviews-view-list li .dataviews-view-list__item-actions > div {
   height: 24px;
 }
 .dataviews-view-list li .dataviews-view-list__item-actions .components-button {
+  position: relative;
+  z-index: 1;
   opacity: 0;
 }
-.dataviews-view-list li:has(.dataviews-view-list__fields:empty) .dataviews-view-list__item-actions {
-  top: 50%;
-  transform: translateY(-50%);
-}
-.dataviews-view-list li.is-selected .dataviews-view-list__item-actions, .dataviews-view-list li.is-hovered .dataviews-view-list__item-actions, .dataviews-view-list li:focus-within .dataviews-view-list__item-actions {
-  background: #f8f8f8;
-  padding-right: 8px;
-  margin-left: 24px;
-  box-shadow: 12px 0 8px 0 #f8f8f8;
+.dataviews-view-list li: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 li.is-selected .dataviews-view-list__item-actions .components-button, .dataviews-view-list li.is-hovered .dataviews-view-list__item-actions .components-button, .dataviews-view-list li:focus-within .dataviews-view-list__item-actions .components-button {
+.dataviews-view-list li:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions .components-button {
   opacity: 1;
-  position: static;
-}
-.dataviews-view-list li.is-selected .dataviews-view-list__item-actions {
-  background-color: #f7f8ff;
-  box-shadow: 12px 0 8px 0 #f7f8ff;
 }
 .dataviews-view-list li.is-selected.is-selected {
   border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
@@ -897,26 +884,36 @@ ul.dataviews-view-list {
   color: var(--wp-admin-theme-color);
 }
 .dataviews-view-list .dataviews-view-list__item {
-  box-sizing: border-box;
-  padding: 16px 24px;
-  width: 100%;
+  position: absolute;
+  z-index: 1;
+  inset: 0;
   scroll-margin: 8px 0;
+  appearance: none;
+  border: none;
+  background: none;
+  padding: 0;
+  cursor: pointer;
+}
+.dataviews-view-list .dataviews-view-list__item:focus-visible {
+  outline: none;
 }
 .dataviews-view-list .dataviews-view-list__item:focus-visible::before {
   position: absolute;
   content: "";
-  top: var(--wp-admin-border-width-focus);
-  left: var(--wp-admin-border-width-focus);
-  bottom: var(--wp-admin-border-width-focus);
-  right: var(--wp-admin-border-width-focus);
+  inset: var(--wp-admin-border-width-focus);
   box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
   border-radius: 2px;
+  outline: 2px solid transparent;
 }
-.dataviews-view-list .dataviews-view-list__item .dataviews-view-list__primary-field {
+.dataviews-view-list .dataviews-view-list__primary-field {
+  flex: 1;
   min-height: 24px;
   line-height: 24px;
   overflow: hidden;
 }
+.dataviews-view-list .dataviews-view-list__primary-field:has(a, button) {
+  z-index: 1;
+}
 .dataviews-view-list .dataviews-view-list__media-wrapper {
   width: 52px;
   height: 52px;
@@ -941,13 +938,9 @@ ul.dataviews-view-list {
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
   border-radius: 4px;
 }
-.dataviews-view-list .dataviews-view-list__media-placeholder {
-  width: 52px;
-  height: 52px;
-  background-color: #e0e0e0;
-}
 .dataviews-view-list .dataviews-view-list__field-wrapper {
   min-height: 52px;
+  flex-grow: 1;
 }
 .dataviews-view-list .dataviews-view-list__fields {
   color: #757575;
@@ -1155,8 +1148,7 @@ ul.dataviews-view-list {
   align-items: center;
   padding: 6px 0;
   line-height: 20px;
-  -webkit-hyphens: auto;
-          hyphens: auto;
+  hyphens: auto;
 }
 
 .dataforms-layouts-panel__field-control {
@@ -1186,6 +1178,102 @@ ul.dataviews-view-list {
   margin-bottom: 16px;
 }
 
+.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;
+}
+.fields-controls__slug .fields-controls__slug-help .fields-controls__slug-help-slug {
+  font-weight: 600;
+}
+
+.fields-controls__featured-image-placeholder {
+  border-radius: 2px;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
+  display: inline-block;
+  padding: 0;
+  background: #fff linear-gradient(45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%);
+}
+
+.fields-controls__featured-image-title {
+  width: 100%;
+  color: #1e1e1e;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.fields-controls__featured-image-image {
+  width: 100%;
+  height: 100%;
+  border-radius: 2px;
+  align-self: center;
+}
+
+.fields-controls__featured-image-container .fields-controls__featured-image-placeholder {
+  margin: 0;
+}
+.fields-controls__featured-image-container span {
+  margin-left: auto;
+}
+
+fieldset.fields-controls__featured-image .fields-controls__featured-image-container {
+  border: 1px solid #ddd;
+  border-radius: 2px;
+  padding: 8px 12px;
+  cursor: pointer;
+}
+fieldset.fields-controls__featured-image .fields-controls__featured-image-container:hover {
+  background-color: #f0f0f0;
+}
+fieldset.fields-controls__featured-image .fields-controls__featured-image-placeholder {
+  width: 24px;
+  height: 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 {
+  padding: 0;
+  height: -moz-fit-content;
+  height: fit-content;
+}
+fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button:hover, fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button:focus {
+  border: 0;
+  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 {
+  width: 16px;
+  height: 16px;
+}
+.dataforms-layouts-panel__field-control .fields-controls__featured-image-placeholder {
+  width: 16px;
+  height: 16px;
+}
+
+.dataviews-view-table__cell-content-wrapper .fields-controls__featured-image-image {
+  width: 32px;
+  height: 32px;
+}
+.dataviews-view-table__cell-content-wrapper .fields-controls__featured-image-placeholder {
+  width: 32px;
+  height: 32px;
+}
+
 .edit-site-custom-template-modal__contents-wrapper {
   height: 100%;
   justify-content: flex-start !important;
@@ -1787,6 +1875,10 @@ ul.dataviews-view-list {
   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;
@@ -1826,6 +1918,9 @@ ul.dataviews-view-list {
   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;
 }
@@ -2458,8 +2553,8 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 }
 .edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon {
   display: flex;
-  height: 64px;
-  width: 64px;
+  height: 60px;
+  width: 60px;
   justify-content: center;
   align-items: center;
 }
@@ -2545,7 +2640,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
 
-@keyframes _u3rbd_slide-from-right {
+@keyframes _1qbfb_slide-from-right {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -2555,7 +2650,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _u3rbd_slide-from-left {
+@keyframes _1qbfb_slide-from-left {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -2611,10 +2706,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _u3rbd_slide-from-left;
+  animation-name: _1qbfb_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _u3rbd_slide-from-right;
+  animation-name: _1qbfb_slide-from-right;
 }
 
 .edit-site-sidebar-button {
@@ -2629,7 +2724,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
   outline: 3px solid transparent;
 }
-.edit-site-sidebar-button:hover, .edit-site-sidebar-button:focus-visible, .edit-site-sidebar-button:focus, .edit-site-sidebar-button:not([aria-disabled=true]):active, .edit-site-sidebar-button[aria-expanded=true] {
+.edit-site-sidebar-button:hover:not(:disabled, [aria-disabled=true]), .edit-site-sidebar-button:focus-visible, .edit-site-sidebar-button:focus, .edit-site-sidebar-button:not(:disabled, [aria-disabled=true]):active, .edit-site-sidebar-button[aria-expanded=true] {
   color: #f0f0f0;
 }
 
@@ -2724,7 +2819,9 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 .edit-site-sidebar-navigation-screen__title {
   flex-grow: 1;
   overflow-wrap: break-word;
-  padding: 2px 0 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 {
@@ -2893,6 +2990,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   justify-content: space-between;
   gap: 8px;
   margin-left: 12px;
+  height: 56px;
 }
 
 .edit-site-site-hub__actions {
@@ -2916,6 +3014,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   font-weight: 500;
   overflow: hidden;
   padding-left: 16px;
+  margin-right: -4px;
   position: relative;
   text-decoration: none;
   text-overflow: ellipsis;
@@ -2974,10 +3073,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 .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 {
+.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 .components-button:hover, .edit-site-sidebar-navigation-screen-navigation-menus__content .components-button:focus, .edit-site-sidebar-navigation-screen-navigation-menus__content .components-button[aria-current] {
+.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:focus, .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button[aria-current] {
   color: #fff;
 }
 
@@ -3013,6 +3112,9 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 
 .edit-site-style-book {
   height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
 }
 .edit-site-style-book.is-button {
   border-radius: 8px;
@@ -3027,22 +3129,16 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 }
 
 .edit-site-style-book__tablist-container {
-  background: #fff;
+  flex: none;
+  display: flex;
   width: 100%;
   padding-left: 56px;
-  display: flex;
-  position: absolute;
-  z-index: 1;
+  background: #fff;
 }
 
-.edit-site-style-book__tabs [role=tabpanel] {
-  bottom: 0;
-  right: 0;
+.edit-site-style-book__tabpanel {
+  flex: 1 0 auto;
   overflow: auto;
-  padding: 0;
-  position: absolute;
-  left: 0;
-  top: 48px;
 }
 
 .edit-site-editor-canvas-container {
@@ -3148,7 +3244,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 
 .edit-site-post-list__title-badge {
   background: #f0f0f0;
-  color: #757575;
+  color: #2f2f2f;
   padding: 0 4px;
   border-radius: 2px;
   font-size: 12px;
@@ -3166,6 +3262,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   margin-right: -4px;
 }
 
+.components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown {
+  z-index: 159990;
+}
+
 .edit-site-resizable-frame__inner {
   position: relative;
 }