| @@ -17,8 +17,18 @@ | ||
| 17 | 17 | min-height: 0; |
| 18 | 18 | min-width: 0; |
| 19 | 19 | } |
| 20 | 20 | |
| 21 | +/* The editor embedded in the "Add New" tab — `wp.os.embedAdminPage()` | |
| 22 | + * puts a full-size iframe in here, so the host has to be the panel's | |
| 23 | + * whole box rather than shrink to a zero-height child. */ | |
| 24 | +.os-posts__embed-host { | |
| 25 | + display: flex; | |
| 26 | + flex: 1 1 auto; | |
| 27 | + min-height: 0; | |
| 28 | + min-width: 0; | |
| 29 | +} | |
| 30 | + | |
| 21 | 31 | /* --------------------------------------------------------------- |
| 22 | 32 | * The term canvas: a toolbar across the top, the Pixi stage on the |
| 23 | 33 | * left, a fixed-width sidebar editor on the right. The Pixi side |
| 24 | 34 | * paints the terms, the post satellites and the pager into the |
| @@ -37,9 +47,9 @@ | ||
| 37 | 47 | .os-term-canvas.os-mindmap { |
| 38 | 48 | background: |
| 39 | 49 | radial-gradient( |
| 40 | 50 | circle, |
| 41 | - rgba( 0, 0, 0, 0.06 ) 1px, | |
| 51 | + var( --os-ui-border, rgba( 0, 0, 0, 0.06 ) ) 1px, | |
| 42 | 52 | transparent 1.5px |
| 43 | 53 | ) 0 0 / 24px 24px, |
| 44 | 54 | radial-gradient( |
| 45 | 55 | ellipse at 28% 22%, |
| @@ -89,9 +99,9 @@ | ||
| 89 | 99 | align-items: center; |
| 90 | 100 | gap: 10px; |
| 91 | 101 | padding: 10px 14px; |
| 92 | 102 | border-bottom: 1px solid var( --os-ui-border, rgba( 0, 0, 0, 0.08 ) ); |
| 93 | - background: rgba( 255, 255, 255, 0.6 ); | |
| 103 | + background: var( --os-ui-surface, rgba( 255, 255, 255, 0.6 ) ); | |
| 94 | 104 | backdrop-filter: blur( 8px ); |
| 95 | 105 | /* A stacking context, so the search dropdown paints above the |
| 96 | 106 | * pixi canvas in the layout sibling below. Without it the canvas |
| 97 | 107 | * (later in the DOM, no z-index) wins the paint order and the |
| @@ -124,9 +134,9 @@ | ||
| 124 | 134 | } |
| 125 | 135 | |
| 126 | 136 | .os-term-canvas__btn--primary { |
| 127 | 137 | background: var( --wp-admin-theme-color, #2271b1 ); |
| 128 | - color: var( --os-ui-fg-on-accent, #fff ); | |
| 138 | + color: var( --os-ui-accent-ink, var( --os-ui-fg-on-accent, #fff ) ); | |
| 129 | 139 | border-color: transparent; |
| 130 | 140 | } |
| 131 | 141 | |
| 132 | 142 | .os-term-canvas__btn--primary:hover { |
| @@ -131,9 +141,9 @@ | ||
| 131 | 141 | |
| 132 | 142 | .os-term-canvas__btn--primary:hover { |
| 133 | 143 | filter: brightness( 1.05 ); |
| 134 | 144 | background: var( --wp-admin-theme-color, #2271b1 ); |
| 135 | - color: var( --os-ui-fg-on-accent, #fff ); | |
| 145 | + color: var( --os-ui-accent-ink, var( --os-ui-fg-on-accent, #fff ) ); | |
| 136 | 146 | } |
| 137 | 147 | |
| 138 | 148 | .os-term-canvas__btn--secondary { |
| 139 | 149 | background: var( --os-ui-hover, rgba( 0, 0, 0, 0.04 ) ); |
