46 display:block; |
43 display:block; |
47 left:9px; |
44 left:9px; |
48 position:absolute; |
45 position:absolute; |
49 right:9px; |
46 right:9px; |
50 top:9px; |
47 top:9px; |
|
48 } |
|
49 } |
|
50 @media (min-width:782px) and (not (prefers-reduced-motion)){ |
|
51 .edit-post-fullscreen-mode-close.components-button:before{ |
51 transition:box-shadow .1s ease; |
52 transition:box-shadow .1s ease; |
52 } |
|
53 } |
|
54 @media (min-width:782px) and (prefers-reduced-motion:reduce){ |
|
55 .edit-post-fullscreen-mode-close.components-button:before{ |
|
56 transition-delay:0s; |
|
57 transition-duration:0s; |
|
58 } |
53 } |
59 } |
54 } |
60 @media (min-width:782px){ |
55 @media (min-width:782px){ |
61 .edit-post-fullscreen-mode-close.components-button:hover:before{ |
56 .edit-post-fullscreen-mode-close.components-button:hover:before{ |
62 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #757575; |
57 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #757575; |
83 } |
78 } |
84 .show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon:after{ |
79 .show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon:after{ |
85 content:none; |
80 content:none; |
86 } |
81 } |
87 |
82 |
|
83 .edit-post-meta-boxes-main{ |
|
84 background-color:#fff; |
|
85 display:flex; |
|
86 filter:drop-shadow(0 -1px rgba(0, 0, 0, .133)); |
|
87 flex-direction:column; |
|
88 outline:1px solid #0000; |
|
89 overflow:hidden; |
|
90 } |
|
91 .edit-post-meta-boxes-main.is-resizable{ |
|
92 padding-block-start:24px; |
|
93 } |
|
94 |
|
95 .edit-post-meta-boxes-main__presenter{ |
|
96 box-shadow:0 1px #ddd; |
|
97 display:flex; |
|
98 outline:1px solid #0000; |
|
99 position:relative; |
|
100 z-index:1; |
|
101 } |
|
102 .is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button,.is-toggle-only>.edit-post-meta-boxes-main__presenter{ |
|
103 appearance:none; |
|
104 background-color:initial; |
|
105 border:none; |
|
106 outline:none; |
|
107 padding:0; |
|
108 } |
|
109 .is-toggle-only>.edit-post-meta-boxes-main__presenter{ |
|
110 align-items:center; |
|
111 cursor:pointer; |
|
112 flex-shrink:0; |
|
113 height:32px; |
|
114 justify-content:space-between; |
|
115 padding-inline:24px 12px; |
|
116 } |
|
117 .is-toggle-only>.edit-post-meta-boxes-main__presenter:is(:hover,:focus-visible){ |
|
118 color:var(--wp-admin-theme-color); |
|
119 } |
|
120 .is-toggle-only>.edit-post-meta-boxes-main__presenter:focus-visible:after{ |
|
121 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
122 content:""; |
|
123 inset:var(--wp-admin-border-width-focus); |
|
124 outline:2px solid #0000; |
|
125 position:absolute; |
|
126 } |
|
127 .is-toggle-only>.edit-post-meta-boxes-main__presenter>svg{ |
|
128 fill:currentColor; |
|
129 } |
|
130 .is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter{ |
|
131 inset:0 0 auto; |
|
132 } |
|
133 .is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button{ |
|
134 cursor:inherit; |
|
135 height:24px; |
|
136 margin:auto; |
|
137 width:64px; |
|
138 } |
|
139 .is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button:before{ |
|
140 background-color:#ddd; |
|
141 border-radius:2px; |
|
142 content:""; |
|
143 height:4px; |
|
144 inset-block:calc(50% - 2px) auto; |
|
145 outline:2px solid #0000; |
|
146 outline-offset:-2px; |
|
147 position:absolute; |
|
148 transform:translateX(50%); |
|
149 width:inherit; |
|
150 } |
|
151 @media not (prefers-reduced-motion){ |
|
152 .is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button:before{ |
|
153 transition:width .3s ease-out; |
|
154 } |
|
155 } |
|
156 .is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter:is(:hover,:focus-within)>button:before{ |
|
157 background-color:var(--wp-admin-theme-color); |
|
158 width:80px; |
|
159 } |
|
160 |
|
161 @media (pointer:coarse){ |
|
162 .is-resizable.edit-post-meta-boxes-main{ |
|
163 padding-block-start:32px; |
|
164 } |
|
165 .is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button{ |
|
166 height:32px; |
|
167 } |
|
168 } |
|
169 .edit-post-meta-boxes-main__liner{ |
|
170 isolation:isolate; |
|
171 overflow:auto; |
|
172 } |
|
173 |
88 .edit-post-layout__metaboxes{ |
174 .edit-post-layout__metaboxes{ |
89 clear:both; |
175 clear:both; |
90 flex-shrink:0; |
176 } |
|
177 |
|
178 .has-metaboxes .interface-interface-skeleton__content:has(.edit-post-meta-boxes-main) .editor-visual-editor{ |
|
179 flex-basis:0%; |
|
180 flex-shrink:1; |
|
181 } |
|
182 |
|
183 .has-metaboxes .editor-visual-editor.is-iframed{ |
|
184 isolation:isolate; |
91 } |
185 } |
92 |
186 |
93 .components-editor-notices__snackbar{ |
187 .components-editor-notices__snackbar{ |
94 bottom:24px; |
188 bottom:24px; |
95 left:0; |
189 left:0; |