| @@ -129,8 +129,25 @@ | ||
| 129 | 129 | #customize-theme-controls .customize-pane-child.control-section-sidebar.is-sub-section-open { |
| 130 | 130 | transform: translateX(-100%); |
| 131 | 131 | } |
| 132 | 132 | |
| 133 | +.customize-widgets-error-boundary { | |
| 134 | + font-family: var(--wpds-typography-font-family-body, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif); | |
| 135 | + padding: var(--wpds-dimension-padding-md, 12px); | |
| 136 | +} | |
| 137 | + | |
| 138 | +.customize-widgets-error-boundary__report { | |
| 139 | + max-height: 420px; | |
| 140 | + overflow: auto; | |
| 141 | + overflow-anchor: none; | |
| 142 | +} | |
| 143 | + | |
| 144 | +.customize-widgets-error-boundary__report-section { | |
| 145 | + margin: 0; | |
| 146 | + white-space: pre-wrap; | |
| 147 | + overflow-wrap: break-word; | |
| 148 | +} | |
| 149 | + | |
| 133 | 150 | @media (min-width: 600px) { |
| 134 | 151 | .customize-widgets-header { |
| 135 | 152 | margin-bottom: 44px; |
| 136 | 153 | } |
| @@ -151,33 +168,42 @@ | ||
| 151 | 168 | display: flex; |
| 152 | 169 | border: none; |
| 153 | 170 | width: 100%; |
| 154 | 171 | align-items: center; |
| 172 | + gap: 8px; | |
| 173 | + padding: 0 12px; | |
| 155 | 174 | } |
| 175 | +.customize-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon, | |
| 176 | +.customize-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon { | |
| 177 | + height: 32px; | |
| 178 | + min-width: 32px; | |
| 179 | + padding: 4px; | |
| 180 | +} | |
| 181 | +.customize-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon.is-pressed, | |
| 182 | +.customize-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon.is-pressed { | |
| 183 | + background: #1e1e1e; | |
| 184 | +} | |
| 185 | +.customize-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon:focus:not(:active), | |
| 186 | +.customize-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon:focus:not(:active) { | |
| 187 | + outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--focus-color, var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9))); | |
| 188 | + outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)); | |
| 189 | +} | |
| 190 | +.customize-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon::before, | |
| 191 | +.customize-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon::before { | |
| 192 | + display: none; | |
| 193 | +} | |
| 156 | 194 | .customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon { |
| 157 | 195 | border-radius: 2px; |
| 158 | 196 | color: #fff; |
| 159 | - padding: 0; | |
| 160 | - min-width: 32px; | |
| 161 | - height: 32px; | |
| 162 | 197 | margin: 12px 0 12px auto; |
| 163 | 198 | } |
| 164 | -.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon::before { | |
| 165 | - content: none; | |
| 166 | -} | |
| 167 | 199 | @media not (prefers-reduced-motion) { |
| 168 | 200 | .customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon svg { |
| 169 | 201 | transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; |
| 170 | 202 | } |
| 171 | 203 | } |
| 172 | -.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed { | |
| 173 | - background: #1e1e1e; | |
| 174 | -} | |
| 175 | 204 | .customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed svg { |
| 176 | 205 | transform: rotate(45deg); |
| 177 | -} | |
| 178 | -.customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button { | |
| 179 | - margin-left: -12px; | |
| 180 | 206 | } |
| 181 | 207 | |
| 182 | 208 | #customize-sidebar-outer-content { |
| 183 | 209 | width: auto; |
