| @@ -103,13 +103,13 @@ | ||
| 103 | 103 | |
| 104 | 104 | .wp-block-image { |
| 105 | 105 | position: relative; |
| 106 | 106 | } |
| 107 | -.wp-block-image.is-transient:not(.alignwide):not(.alignfull) { | |
| 108 | - width: -moz-fit-content; | |
| 107 | +.wp-block-image.is-transient:not(.alignwide):not(.alignfull), .wp-block-image:has(img.is-swapping-media):not(.alignwide):not(.alignfull) { | |
| 109 | 108 | width: fit-content; |
| 110 | 109 | } |
| 111 | -.wp-block-image .is-applying img, .wp-block-image.is-transient img { | |
| 110 | +.wp-block-image .is-applying img, .wp-block-image.is-transient img, | |
| 111 | +.wp-block-image img.is-swapping-media { | |
| 112 | 112 | opacity: 0.3; |
| 113 | 113 | } |
| 114 | 114 | .wp-block-image figcaption img { |
| 115 | 115 | display: inline; |
| @@ -120,8 +120,14 @@ | ||
| 120 | 120 | left: 50%; |
| 121 | 121 | transform: translate(-50%, -50%); |
| 122 | 122 | margin: 0; |
| 123 | 123 | } |
| 124 | +.wp-block-image .components-resizable-box__container { | |
| 125 | + pointer-events: none; | |
| 126 | +} | |
| 127 | +.wp-block-image .components-resizable-box__handle { | |
| 128 | + pointer-events: auto; | |
| 129 | +} | |
| 124 | 130 | |
| 125 | 131 | .wp-block-image__placeholder { |
| 126 | 132 | aspect-ratio: 4/3; |
| 127 | 133 | } |
| @@ -188,38 +194,8 @@ | ||
| 188 | 194 | } |
| 189 | 195 | |
| 190 | 196 | .wp-block[data-align]:has(> .wp-block-image) { |
| 191 | 197 | position: relative; |
| 192 | -} | |
| 193 | - | |
| 194 | -.wp-block-image__crop-area { | |
| 195 | - position: relative; | |
| 196 | - max-width: 100%; | |
| 197 | - width: 100%; | |
| 198 | - overflow: hidden; | |
| 199 | -} | |
| 200 | -.wp-block-image__crop-area .reactEasyCrop_Container { | |
| 201 | - pointer-events: auto; | |
| 202 | -} | |
| 203 | -.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image { | |
| 204 | - border: none; | |
| 205 | - border-radius: 0; | |
| 206 | -} | |
| 207 | - | |
| 208 | -.wp-block-image__crop-icon { | |
| 209 | - padding: 0 8px; | |
| 210 | - min-width: 48px; | |
| 211 | - display: flex; | |
| 212 | - justify-content: center; | |
| 213 | - align-items: center; | |
| 214 | -} | |
| 215 | -.wp-block-image__crop-icon svg { | |
| 216 | - fill: currentColor; | |
| 217 | -} | |
| 218 | - | |
| 219 | -.wp-block-image__zoom .components-popover__content { | |
| 220 | - min-width: 260px; | |
| 221 | - overflow: visible !important; | |
| 222 | 198 | } |
| 223 | 199 | |
| 224 | 200 | .wp-block-image__toolbar_content_textarea__container { |
| 225 | 201 | padding: 8px; |
