14 :root{ |
14 :root{ |
15 --wp-admin-border-width-focus:1.5px; |
15 --wp-admin-border-width-focus:1.5px; |
16 } |
16 } |
17 } |
17 } |
18 |
18 |
19 .components-panel__header.interface-complementary-area-header__small{ |
|
20 background:#fff; |
|
21 padding-left:4px; |
|
22 } |
|
23 .components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{ |
|
24 margin:0; |
|
25 overflow:hidden; |
|
26 text-overflow:ellipsis; |
|
27 white-space:nowrap; |
|
28 width:100%; |
|
29 } |
|
30 @media (min-width:782px){ |
|
31 .components-panel__header.interface-complementary-area-header__small{ |
|
32 display:none; |
|
33 } |
|
34 } |
|
35 |
|
36 .interface-complementary-area-header{ |
19 .interface-complementary-area-header{ |
37 background:#fff; |
20 background:#fff; |
38 gap:8px; |
21 gap:4px; |
39 padding-left:12px; |
22 padding-left:8px; |
40 } |
23 } |
41 .interface-complementary-area-header .interface-complementary-area-header__title{ |
24 .interface-complementary-area-header .interface-complementary-area-header__title{ |
42 margin:0; |
25 margin:0 0 0 auto; |
43 } |
|
44 .interface-complementary-area-header .components-button.has-icon{ |
|
45 display:none; |
|
46 margin-right:auto; |
|
47 } |
|
48 .interface-complementary-area-header .components-button.has-icon~.components-button{ |
|
49 margin-right:0; |
|
50 } |
|
51 @media (min-width:782px){ |
|
52 .interface-complementary-area-header .components-button.has-icon{ |
|
53 display:flex; |
|
54 } |
|
55 } |
26 } |
56 |
27 |
57 .interface-complementary-area{ |
28 .interface-complementary-area{ |
58 background:#fff; |
29 background:#fff; |
59 color:#1e1e1e; |
30 color:#1e1e1e; |
79 position:sticky; |
50 position:sticky; |
80 top:0; |
51 top:0; |
81 z-index:1; |
52 z-index:1; |
82 } |
53 } |
83 .interface-complementary-area .components-panel__header.editor-sidebar__panel-tabs{ |
54 .interface-complementary-area .components-panel__header.editor-sidebar__panel-tabs{ |
84 top:48px; |
55 top:0; |
85 } |
56 } |
86 @media (min-width:782px){ |
57 .interface-complementary-area p:not(.components-base-control__help,.components-form-token-field__help){ |
87 .interface-complementary-area .components-panel__header.editor-sidebar__panel-tabs{ |
|
88 top:0; |
|
89 } |
|
90 } |
|
91 .interface-complementary-area p:not(.components-base-control__help){ |
|
92 margin-top:0; |
58 margin-top:0; |
93 } |
59 } |
94 .interface-complementary-area h2{ |
60 .interface-complementary-area h2{ |
95 color:#1e1e1e; |
61 color:#1e1e1e; |
96 font-size:13px; |
62 font-size:13px; |
255 border-top:1px solid #e0e0e0; |
221 border-top:1px solid #e0e0e0; |
256 overflow:hidden; |
222 overflow:hidden; |
257 } |
223 } |
258 @media (min-width:782px){ |
224 @media (min-width:782px){ |
259 .interface-interface-skeleton__sidebar{ |
225 .interface-interface-skeleton__sidebar{ |
260 box-shadow:1px 1px 0 0 rgba(0,0,0,.133); |
226 box-shadow:1px 0 0 0 rgba(0,0,0,.133); |
261 outline:1px solid #0000; |
227 outline:1px solid #0000; |
262 } |
228 } |
263 } |
229 } |
264 |
230 |
265 .interface-interface-skeleton__secondary-sidebar{ |
231 .interface-interface-skeleton__secondary-sidebar{ |
266 border-top:1px solid #e0e0e0; |
232 border-top:1px solid #e0e0e0; |
267 left:0; |
233 left:0; |
268 } |
234 } |
269 @media (min-width:782px){ |
235 @media (min-width:782px){ |
270 .interface-interface-skeleton__secondary-sidebar{ |
236 .interface-interface-skeleton__secondary-sidebar{ |
271 box-shadow:-1px 1px 0 0 rgba(0,0,0,.133); |
237 box-shadow:-1px 0 0 0 rgba(0,0,0,.133); |
272 outline:1px solid #0000; |
238 outline:1px solid #0000; |
273 } |
239 } |
274 } |
240 } |
275 |
241 |
276 .interface-interface-skeleton__header{ |
242 .interface-interface-skeleton__header{ |
409 body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title,body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title *{ |
375 body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title,body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title *{ |
410 pointer-events:none; |
376 pointer-events:none; |
411 } |
377 } |
412 |
378 |
413 .edit-widgets-error-boundary{ |
379 .edit-widgets-error-boundary{ |
414 box-shadow:0 .7px 1px #00000026,0 2.7px 3.8px -.2px #00000026,0 5.5px 7.8px -.3px #00000026,-.1px 11.5px 16.4px -.5px #00000026; |
380 box-shadow:0 5px 15px #00000014,0 15px 27px #00000012,0 30px 36px #0000000a,0 50px 43px #00000005; |
415 margin:60px auto auto; |
381 margin:60px auto auto; |
416 max-width:780px; |
382 max-width:780px; |
417 padding:20px; |
383 padding:20px; |
418 } |
384 } |
419 |
385 |
531 } |
498 } |
532 } |
499 } |
533 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle:after{ |
500 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle:after{ |
534 content:none; |
501 content:none; |
535 } |
502 } |
536 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg{ |
503 @media not (prefers-reduced-motion){ |
537 transition:transform .2s cubic-bezier(.165, .84, .44, 1); |
|
538 } |
|
539 @media (prefers-reduced-motion:reduce){ |
|
540 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg{ |
504 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg{ |
541 transition-delay:0s; |
505 transition:transform .2s cubic-bezier(.165, .84, .44, 1); |
542 transition-duration:0s; |
|
543 } |
506 } |
544 } |
507 } |
545 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle.is-pressed svg{ |
508 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle.is-pressed svg{ |
546 transform:rotate(-45deg); |
509 transform:rotate(-45deg); |
547 } |
510 } |
659 } |
621 } |
660 .edit-widgets-layout__inserter-panel .block-editor-inserter__menu{ |
622 .edit-widgets-layout__inserter-panel .block-editor-inserter__menu{ |
661 overflow:hidden; |
623 overflow:hidden; |
662 } |
624 } |
663 |
625 |
664 .edit-widgets-layout__inserter-panel-header{ |
|
665 display:flex; |
|
666 justify-content:flex-end; |
|
667 padding-left:8px; |
|
668 padding-top:8px; |
|
669 } |
|
670 |
|
671 .edit-widgets-layout__inserter-panel-content{ |
626 .edit-widgets-layout__inserter-panel-content{ |
672 height:calc(100% - 44px); |
627 height:calc(100% - 44px); |
673 } |
628 } |
674 .edit-widgets-layout__inserter-panel-content .block-editor-inserter__tablist-and-close{ |
629 .edit-widgets-layout__inserter-panel-content .block-editor-inserter__tablist-and-close{ |
675 display:none; |
630 display:none; |