| @@ -67,14 +67,8 @@ | ||
| 67 | 67 | /** |
| 68 | 68 | * Focus styles. |
| 69 | 69 | */ |
| 70 | 70 | /** |
| 71 | - * Standard focus rings for the WordPress Design System. | |
| 72 | - * | |
| 73 | - * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site, | |
| 74 | - * e.g. `&:focus { @include outset-ring__focus(); }`. | |
| 75 | - */ | |
| 76 | -/** | |
| 77 | 71 | * Applies editor left position to the selector passed as argument |
| 78 | 72 | */ |
| 79 | 73 | /** |
| 80 | 74 | * Styles that are reused verbatim in a few places |
| @@ -100,30 +94,22 @@ | ||
| 100 | 94 | top: 0; |
| 101 | 95 | left: 0; |
| 102 | 96 | } |
| 103 | 97 | |
| 104 | -.block-library-html__edit-code { | |
| 105 | - margin: 16px; | |
| 98 | +.block-library-html__modal { | |
| 99 | + height: 100%; | |
| 106 | 100 | } |
| 107 | -.block-library-html__edit-code .block-library-html__edit-code-button { | |
| 108 | - justify-content: center; | |
| 109 | -} | |
| 110 | - | |
| 111 | -@media (min-width: 600px) { | |
| 112 | - .block-library-html__modal:not(.is-full-screen) { | |
| 113 | - height: 9999rem; | |
| 114 | - } | |
| 115 | -} | |
| 116 | 101 | .block-library-html__modal .components-modal__children-container { |
| 117 | 102 | height: 100%; |
| 118 | 103 | } |
| 119 | 104 | |
| 120 | 105 | .block-library-html__modal-tabs { |
| 121 | - flex: 1; | |
| 106 | + overflow-y: auto; | |
| 122 | 107 | } |
| 123 | 108 | |
| 124 | 109 | .block-library-html__modal-content { |
| 125 | 110 | flex: 1; |
| 111 | + min-height: 0; | |
| 126 | 112 | } |
| 127 | 113 | |
| 128 | 114 | .block-library-html__modal-tab { |
| 129 | 115 | height: 100%; |
| @@ -162,11 +148,8 @@ | ||
| 162 | 148 | .block-library-html__preview { |
| 163 | 149 | display: flex; |
| 164 | 150 | align-items: center; |
| 165 | 151 | justify-content: center; |
| 152 | + padding: 16px; | |
| 153 | + flex: 1; | |
| 166 | 154 | min-height: 0; |
| 167 | - overflow-y: auto; | |
| 168 | - flex: 1; | |
| 169 | -} | |
| 170 | -.block-library-html__preview iframe { | |
| 171 | - height: 100%; | |
| 172 | 155 | } |
