| @@ -589,15 +589,28 @@ | ||
| 589 | 589 | pointer-events: none; |
| 590 | 590 | } |
| 591 | 591 | |
| 592 | 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); | |
| 593 | 594 | margin: auto; |
| 594 | - max-width: 780px; | |
| 595 | - padding: 20px; | |
| 595 | + width: 100%; | |
| 596 | + max-width: var(--wpds-dimension-surface-width-lg, 560px); | |
| 597 | + padding: var(--wpds-dimension-padding-xl, 20px); | |
| 596 | 598 | margin-top: 64px; |
| 597 | - 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); | |
| 598 | 599 | } |
| 599 | 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 | + | |
| 600 | 613 | .edit-widgets-header { |
| 601 | 614 | display: flex; |
| 602 | 615 | align-items: center; |
| 603 | 616 | justify-content: space-between; |
| @@ -701,10 +714,9 @@ | ||
| 701 | 714 | background: #1e1e1e; |
| 702 | 715 | } |
| 703 | 716 | .edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon:focus:not(:active), |
| 704 | 717 | .edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon:focus:not(:active) { |
| 705 | - --focus-color: var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9)); | |
| 706 | - outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--focus-color); | |
| 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))); | |
| 707 | 719 | outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)); |
| 708 | 720 | } |
| 709 | 721 | .edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon::before, |
| 710 | 722 | .edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon::before { |
| @@ -851,10 +863,9 @@ | ||
| 851 | 863 | } |
| 852 | 864 | .edit-widgets-welcome-guide__image > img { |
| 853 | 865 | display: block; |
| 854 | 866 | max-width: 100%; |
| 855 | - -o-object-fit: cover; | |
| 856 | - object-fit: cover; | |
| 867 | + object-fit: cover; | |
| 857 | 868 | } |
| 858 | 869 | .edit-widgets-welcome-guide__heading { |
| 859 | 870 | font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
| 860 | 871 | font-size: 24px; |
| @@ -872,9 +883,9 @@ | ||
| 872 | 883 | margin: 0 4px; |
| 873 | 884 | vertical-align: text-top; |
| 874 | 885 | } |
| 875 | 886 | .edit-widgets-welcome-guide .components-button:hover svg { |
| 876 | - fill: #fff; | |
| 887 | + color: #fff; | |
| 877 | 888 | } |
| 878 | 889 | |
| 879 | 890 | .edit-widgets-block-editor { |
| 880 | 891 | position: relative; |
