| @@ -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 |
| @@ -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 ) ); |
| @@ -425,8 +435,16 @@ | ||
| 425 | 435 | font-size: 13px; |
| 426 | 436 | font-style: italic; |
| 427 | 437 | text-align: center; |
| 428 | 438 | padding: 0 24px; |
| 439 | +} | |
| 440 | + | |
| 441 | +/* The mind map shows its hint while the default category's disc sits | |
| 442 | + at the centre, so the hint goes under the stage's bottom edge | |
| 443 | + rather than across the disc. */ | |
| 444 | +.os-mindmap .os-term-canvas__empty { | |
| 445 | + align-items: flex-end; | |
| 446 | + padding-bottom: 28px; | |
| 429 | 447 | } |
| 430 | 448 | |
| 431 | 449 | /* |
| 432 | 450 | * The canvas keeps a 320px editor beside the stage on a desk. A phone |
