| @@ -168,33 +168,42 @@ | ||
| 168 | 168 | display: flex; |
| 169 | 169 | border: none; |
| 170 | 170 | width: 100%; |
| 171 | 171 | align-items: center; |
| 172 | + gap: 8px; | |
| 173 | + padding: 0 12px; | |
| 172 | 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 | +} | |
| 173 | 194 | .customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon { |
| 174 | 195 | border-radius: 2px; |
| 175 | 196 | color: #fff; |
| 176 | - padding: 0; | |
| 177 | - min-width: 32px; | |
| 178 | - height: 32px; | |
| 179 | 197 | margin: 12px 0 12px auto; |
| 180 | 198 | } |
| 181 | -.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon::before { | |
| 182 | - content: none; | |
| 183 | -} | |
| 184 | 199 | @media not (prefers-reduced-motion) { |
| 185 | 200 | .customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon svg { |
| 186 | 201 | transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; |
| 187 | 202 | } |
| 188 | 203 | } |
| 189 | -.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed { | |
| 190 | - background: #1e1e1e; | |
| 191 | -} | |
| 192 | 204 | .customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed svg { |
| 193 | 205 | transform: rotate(45deg); |
| 194 | -} | |
| 195 | -.customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button { | |
| 196 | - margin-left: -12px; | |
| 197 | 206 | } |
| 198 | 207 | |
| 199 | 208 | #customize-sidebar-outer-content { |
| 200 | 209 | width: auto; |
