| @@ -221,8 +221,9 @@ | ||
| 221 | 221 | background: #fff; |
| 222 | 222 | color: #1e1e1e; |
| 223 | 223 | height: 100%; |
| 224 | 224 | overflow: auto; |
| 225 | + width: 100vw; | |
| 225 | 226 | } |
| 226 | 227 | |
| 227 | 228 | @media (min-width: 782px) { |
| 228 | 229 | .interface-complementary-area { |
| @@ -383,9 +384,9 @@ | ||
| 383 | 384 | } |
| 384 | 385 | |
| 385 | 386 | @media (min-width: 782px) { |
| 386 | 387 | .has-footer .interface-interface-skeleton__body { |
| 387 | - padding-bottom: 25px; | |
| 388 | + padding-bottom: calc(var(--wpds-dimension-size-md, 32px) + 1px); | |
| 388 | 389 | } |
| 389 | 390 | } |
| 390 | 391 | .interface-interface-skeleton__content { |
| 391 | 392 | flex-grow: 1; |
| @@ -472,9 +473,9 @@ | ||
| 472 | 473 | .interface-interface-skeleton__footer .block-editor-block-breadcrumb { |
| 473 | 474 | z-index: 30; |
| 474 | 475 | display: flex; |
| 475 | 476 | background: #fff; |
| 476 | - height: 24px; | |
| 477 | + height: var(--wpds-dimension-size-md, 32px); | |
| 477 | 478 | align-items: center; |
| 478 | 479 | font-size: 13px; |
| 479 | 480 | padding: 0 18px; |
| 480 | 481 | } |
| @@ -588,15 +589,28 @@ | ||
| 588 | 589 | pointer-events: none; |
| 589 | 590 | } |
| 590 | 591 | |
| 591 | 592 | .edit-widgets-error-boundary { |
| 593 | + font-family: var(--wpds-typography-font-family-body, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif); | |
| 592 | 594 | margin: auto; |
| 593 | - max-width: 780px; | |
| 594 | - padding: 20px; | |
| 595 | + width: 100%; | |
| 596 | + max-width: var(--wpds-dimension-surface-width-lg, 560px); | |
| 597 | + padding: var(--wpds-dimension-padding-xl, 20px); | |
| 595 | 598 | margin-top: 64px; |
| 596 | - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02); | |
| 597 | 599 | } |
| 598 | 600 | |
| 601 | +.edit-widgets-error-boundary__report { | |
| 602 | + max-height: 420px; | |
| 603 | + overflow: auto; | |
| 604 | + overflow-anchor: none; | |
| 605 | +} | |
| 606 | + | |
| 607 | +.edit-widgets-error-boundary__report-section { | |
| 608 | + margin: 0; | |
| 609 | + white-space: pre-wrap; | |
| 610 | + overflow-wrap: break-word; | |
| 611 | +} | |
| 612 | + | |
| 599 | 613 | .edit-widgets-header { |
| 600 | 614 | display: flex; |
| 601 | 615 | align-items: center; |
| 602 | 616 | justify-content: space-between; |
| @@ -698,12 +712,12 @@ | ||
| 698 | 712 | .edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon.is-pressed, |
| 699 | 713 | .edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon.is-pressed { |
| 700 | 714 | background: #1e1e1e; |
| 701 | 715 | } |
| 702 | -.edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon:focus:not(:disabled), | |
| 703 | -.edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon:focus:not(:disabled) { | |
| 704 | - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; | |
| 705 | - outline: 1px solid transparent; | |
| 716 | +.edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon:focus:not(:active), | |
| 717 | +.edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon:focus:not(:active) { | |
| 718 | + outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--focus-color, var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9))); | |
| 719 | + outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)); | |
| 706 | 720 | } |
| 707 | 721 | .edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon::before, |
| 708 | 722 | .edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon::before { |
| 709 | 723 | display: none; |
| @@ -791,9 +805,9 @@ | ||
| 791 | 805 | } |
| 792 | 806 | |
| 793 | 807 | .edit-widgets-notices__snackbar { |
| 794 | 808 | position: fixed; |
| 795 | - bottom: 24px; | |
| 809 | + bottom: var(--wpds-dimension-size-md, 32px); | |
| 796 | 810 | right: 0; |
| 797 | 811 | left: 0; |
| 798 | 812 | padding-inline: 16px; |
| 799 | 813 | box-sizing: border-box; |
| @@ -849,10 +863,9 @@ | ||
| 849 | 863 | } |
| 850 | 864 | .edit-widgets-welcome-guide__image > img { |
| 851 | 865 | display: block; |
| 852 | 866 | max-width: 100%; |
| 853 | - -o-object-fit: cover; | |
| 854 | - object-fit: cover; | |
| 867 | + object-fit: cover; | |
| 855 | 868 | } |
| 856 | 869 | .edit-widgets-welcome-guide__heading { |
| 857 | 870 | font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
| 858 | 871 | font-size: 24px; |
| @@ -870,9 +883,9 @@ | ||
| 870 | 883 | margin: 0 4px; |
| 871 | 884 | vertical-align: text-top; |
| 872 | 885 | } |
| 873 | 886 | .edit-widgets-welcome-guide .components-button:hover svg { |
| 874 | - fill: #fff; | |
| 887 | + color: #fff; | |
| 875 | 888 | } |
| 876 | 889 | |
| 877 | 890 | .edit-widgets-block-editor { |
| 878 | 891 | position: relative; |
