| @@ -897,27 +897,12 @@ | ||
| 897 | 897 | .components-modal__screen-overlay:has(.extendify-quick-edit-modal) { |
| 898 | 898 | @apply z-[1000000]!; |
| 899 | 899 | } |
| 900 | 900 | |
| 901 | -/* When wp.media's frame opens on top of our modal (e.g. SiteIdentityModal's | |
| 902 | - "Change logo" → MediaUpload), our modal would otherwise sit on top | |
| 903 | - (z-index 1000000) and block clicks on the media library grid. Hide our | |
| 904 | - modal while wp.media is open; it reappears when the user picks an image | |
| 905 | - or closes the frame. | |
| 906 | - | |
| 907 | - Trigger on `body.modal-open` — wp.media (legacy Backbone code) adds | |
| 908 | - that class directly on open and removes it on close. Round-3 used | |
| 909 | - `:has(.media-modal)`, which stayed true after wp.media closed (wp.media | |
| 910 | - hides via display:none and leaves the element in the DOM). | |
| 911 | - | |
| 912 | - Our own QE modals MUST NOT trip this rule. @wordpress/components Modal | |
| 913 | - also adds `body.modal-open` on mount, so every QE modal hid itself on | |
| 914 | - first open. Each QE modal now passes | |
| 915 | - `bodyOpenClassName={QE_MODAL_BODY_OPEN_CLASS}` — see modal-root.js. */ | |
| 901 | +/* wp.media opened over our modal is unclickable; hide ours meanwhile. */ | |
| 916 | 902 | /* no-prefix */ |
| 917 | -body.modal-open .components-modal__frame:has(.extendify-quick-edit-modal), | |
| 918 | 903 | body.modal-open |
| 919 | - .components-modal__screen-overlay:has(.extendify-quick-edit-modal) { | |
| 904 | +.components-modal__screen-overlay:has(.extendify-quick-edit-modal) { | |
| 920 | 905 | @apply invisible!; |
| 921 | 906 | } |
| 922 | 907 | |
| 923 | 908 | /* ---------------------------------------------------------------- |
| @@ -937,10 +922,9 @@ | ||
| 937 | 922 | * outside the auto-launch flow. |
| 938 | 923 | * ---------------------------------------------------------------- */ |
| 939 | 924 | |
| 940 | 925 | /* no-prefix */ |
| 941 | -.components-modal__frame:has(.extendify-quick-edit-modal), | |
| 942 | -.extendify-quick-edit-modal-root .components-modal__frame { | |
| 926 | +.components-modal__frame.extendify-quick-edit-modal { | |
| 943 | 927 | @apply overflow-hidden rounded-[16px]!; |
| 944 | 928 | box-shadow: |
| 945 | 929 | 0 10px 15px -3px rgba(0, 0, 0, 0.12), |
| 946 | 930 | 0 4px 6px -4px rgba(0, 0, 0, 0.08) !important; |
| @@ -946,20 +930,21 @@ | ||
| 946 | 930 | 0 4px 6px -4px rgba(0, 0, 0, 0.08) !important; |
| 947 | 931 | } |
| 948 | 932 | |
| 949 | 933 | /* no-prefix */ |
| 950 | -.components-modal__frame:has(.extendify-quick-edit-modal) | |
| 951 | -.components-modal__header { | |
| 934 | +.components-modal__frame.extendify-quick-edit-modal .components-modal__header { | |
| 952 | 935 | @apply border-b border-b-gray-300 px-[24px] py-[18px]; |
| 953 | 936 | } |
| 954 | 937 | /* no-prefix */ |
| 955 | -.components-modal__frame:has(.extendify-quick-edit-modal) | |
| 938 | +.components-modal__frame.extendify-quick-edit-modal | |
| 956 | 939 | .components-modal__header-heading { |
| 957 | 940 | @apply text-[15px] font-semibold tracking-[-0.01em]; |
| 941 | + font-family: | |
| 942 | + -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, | |
| 943 | + Cantarell, "Helvetica Neue", sans-serif; | |
| 958 | 944 | } |
| 959 | 945 | /* no-prefix */ |
| 960 | -.components-modal__frame:has(.extendify-quick-edit-modal) | |
| 961 | -.components-modal__content { | |
| 946 | +.components-modal__frame.extendify-quick-edit-modal .components-modal__content { | |
| 962 | 947 | @apply px-[24px] pt-[18px] pb-[22px]; |
| 963 | 948 | } |
| 964 | 949 | |
| 965 | 950 | /* Primary save button uses the brand color so the action feels |
