| changeset 22 | 8c2e4d02f4ef |
| parent 21 | 48c4eec2b7e6 |
| 21:48c4eec2b7e6 | 22:8c2e4d02f4ef |
|---|---|
20 .dataviews-wrapper{ |
20 .dataviews-wrapper{ |
21 box-sizing:border-box; |
21 box-sizing:border-box; |
22 container:dataviews-wrapper/inline-size; |
22 container:dataviews-wrapper/inline-size; |
23 display:flex; |
23 display:flex; |
24 flex-direction:column; |
24 flex-direction:column; |
25 height:100%; |
25 font-size:13px; |
26 height:100%; |
|
27 line-height:1.4; |
|
26 overflow:auto; |
28 overflow:auto; |
27 scroll-padding-bottom:64px; |
29 scroll-padding-bottom:64px; |
28 } |
30 } |
29 |
31 |
30 .dataviews-filters__view-actions{ |
32 .dataviews-filters__container,.dataviews__view-actions{ |
31 box-sizing:border-box; |
33 box-sizing:border-box; |
32 flex-shrink:0; |
34 flex-shrink:0; |
33 padding:16px 48px; |
35 padding:16px 48px; |
34 position:sticky; |
36 position:sticky; |
35 right:0; |
37 right:0; |
36 transition:padding .1s ease-out; |
38 } |
37 } |
39 @media not (prefers-reduced-motion){ |
38 @media (prefers-reduced-motion:reduce){ |
40 .dataviews-filters__container,.dataviews__view-actions{ |
39 .dataviews-filters__view-actions{ |
41 transition:padding .1s ease-out; |
40 transition-delay:0s; |
42 } |
41 transition-duration:0s; |
43 } |
42 } |
44 |
43 } |
45 .dataviews-loading,.dataviews-no-results{ |
44 .dataviews-filters__view-actions .components-search-control .components-base-control__field{ |
|
45 max-width:240px; |
|
46 } |
|
47 |
|
48 .dataviews-filters__container .dataviews-filters__reset-button[aria-disabled=true],.dataviews-filters__container .dataviews-filters__reset-button[aria-disabled=true]:hover{ |
|
49 opacity:0; |
|
50 } |
|
51 .dataviews-filters__container .dataviews-filters__reset-button[aria-disabled=true]:focus{ |
|
52 opacity:1; |
|
53 } |
|
54 |
|
55 .dataviews-filters-button{ |
|
56 position:relative; |
|
57 } |
|
58 |
|
59 .dataviews-pagination{ |
|
60 background-color:#fff; |
|
61 border-top:1px solid #f0f0f0; |
|
62 bottom:0; |
|
63 color:#757575; |
|
64 flex-shrink:0; |
|
65 padding:12px 48px; |
|
66 position:sticky; |
|
67 right:0; |
|
68 transition:padding .1s ease-out; |
|
69 } |
|
70 @media (prefers-reduced-motion:reduce){ |
|
71 .dataviews-pagination{ |
|
72 transition-delay:0s; |
|
73 transition-duration:0s; |
|
74 } |
|
75 } |
|
76 |
|
77 .dataviews-pagination__page-selection{ |
|
78 color:#1e1e1e; |
|
79 font-size:11px; |
|
80 font-weight:500; |
|
81 text-transform:uppercase; |
|
82 } |
|
83 |
|
84 .dataviews-filters-options{ |
|
85 margin:32px 0 16px; |
|
86 } |
|
87 |
|
88 .dataviews-view-table{ |
|
89 border-collapse:collapse; |
|
90 border-color:inherit; |
|
91 color:#757575; |
|
92 margin-bottom:auto; |
|
93 position:relative; |
|
94 text-indent:0; |
|
95 width:100%; |
|
96 } |
|
97 .dataviews-view-table a{ |
|
98 color:#1e1e1e; |
|
99 font-weight:500; |
|
100 text-decoration:none; |
|
101 } |
|
102 .dataviews-view-table th{ |
|
103 color:#1e1e1e; |
|
104 font-size:13px; |
|
105 font-weight:400; |
|
106 text-align:right; |
|
107 } |
|
108 .dataviews-view-table td,.dataviews-view-table th{ |
|
109 padding:12px; |
|
110 white-space:nowrap; |
|
111 } |
|
112 .dataviews-view-table td[data-field-id=actions],.dataviews-view-table th[data-field-id=actions]{ |
|
113 text-align:left; |
|
114 } |
|
115 .dataviews-view-table td.dataviews-view-table__checkbox-column,.dataviews-view-table th.dataviews-view-table__checkbox-column{ |
|
116 padding-left:0; |
|
117 } |
|
118 .dataviews-view-table tr{ |
|
119 border-bottom:1px solid #f0f0f0; |
|
120 } |
|
121 .dataviews-view-table tr .dataviews-view-table-header-button{ |
|
122 gap:4px; |
|
123 } |
|
124 .dataviews-view-table tr td:first-child,.dataviews-view-table tr td:last-child,.dataviews-view-table tr th:first-child,.dataviews-view-table tr th:last-child{ |
|
125 transition:padding .1s ease-out; |
|
126 } |
|
127 @media (prefers-reduced-motion:reduce){ |
|
128 .dataviews-view-table tr td:first-child,.dataviews-view-table tr td:last-child,.dataviews-view-table tr th:first-child,.dataviews-view-table tr th:last-child{ |
|
129 transition-delay:0s; |
|
130 transition-duration:0s; |
|
131 } |
|
132 } |
|
133 .dataviews-view-table tr td:first-child,.dataviews-view-table tr th:first-child{ |
|
134 padding-right:48px; |
|
135 } |
|
136 .dataviews-view-table tr td:first-child .dataviews-view-table-header,.dataviews-view-table tr td:first-child .dataviews-view-table-header-button,.dataviews-view-table tr th:first-child .dataviews-view-table-header,.dataviews-view-table tr th:first-child .dataviews-view-table-header-button{ |
|
137 margin-right:-8px; |
|
138 } |
|
139 .dataviews-view-table tr td:last-child,.dataviews-view-table tr th:last-child{ |
|
140 padding-left:48px; |
|
141 } |
|
142 .dataviews-view-table tr:last-child{ |
|
143 border-bottom:0; |
|
144 } |
|
145 .dataviews-view-table tr.is-hovered{ |
|
146 background-color:#f8f8f8; |
|
147 } |
|
148 .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input{ |
|
149 opacity:0; |
|
150 } |
|
151 .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:checked,.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:focus,.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:indeterminate{ |
|
152 opacity:1; |
|
153 } |
|
154 .dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){ |
|
155 opacity:0; |
|
156 } |
|
157 .dataviews-view-table tr.is-hovered .components-checkbox-control__input,.dataviews-view-table tr.is-hovered .dataviews-item-actions .components-button:not(.dataviews-all-actions-button),.dataviews-view-table tr:focus-within .components-checkbox-control__input,.dataviews-view-table tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button),.dataviews-view-table tr:hover .components-checkbox-control__input,.dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){ |
|
158 opacity:1; |
|
159 } |
|
160 @media (hover:none){ |
|
161 .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input,.dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){ |
|
162 opacity:1; |
|
163 } |
|
164 } |
|
165 .dataviews-view-table tr.is-selected{ |
|
166 background-color:rgba(var(--wp-admin-theme-color--rgb), .04); |
|
167 color:#757575; |
|
168 } |
|
169 .dataviews-view-table tr.is-selected:hover{ |
|
170 background-color:rgba(var(--wp-admin-theme-color--rgb), .08); |
|
171 } |
|
172 .dataviews-view-table thead{ |
|
173 inset-block-start:0; |
|
174 position:sticky; |
|
175 z-index:1; |
|
176 } |
|
177 .dataviews-view-table thead tr{ |
|
178 border:0; |
|
179 } |
|
180 .dataviews-view-table thead th{ |
|
181 background-color:#fff; |
|
182 box-shadow:inset 0 -1px 0 #f0f0f0; |
|
183 font-size:11px; |
|
184 font-weight:500; |
|
185 padding-bottom:8px; |
|
186 padding-right:4px; |
|
187 padding-top:8px; |
|
188 text-transform:uppercase; |
|
189 } |
|
190 .dataviews-view-table tbody td{ |
|
191 vertical-align:top; |
|
192 } |
|
193 .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper{ |
|
194 align-items:center; |
46 align-items:center; |
195 display:flex; |
47 display:flex; |
196 min-height:32px; |
|
197 } |
|
198 .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper>*{ |
|
199 flex-grow:1; |
48 flex-grow:1; |
200 } |
49 justify-content:center; |
201 .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__primary-field a{ |
50 padding:0 48px; |
202 flex-grow:0; |
51 } |
203 } |
52 @media not (prefers-reduced-motion){ |
204 .dataviews-view-table .dataviews-view-table-header-button{ |
53 .dataviews-loading,.dataviews-no-results{ |
205 font-size:11px; |
54 transition:padding .1s ease-out; |
206 font-weight:500; |
55 } |
207 padding:4px 8px; |
56 } |
208 text-transform:uppercase; |
57 |
209 } |
58 @container (max-width: 430px){ |
210 .dataviews-view-table .dataviews-view-table-header-button:not(:hover){ |
59 .dataviews-filters__container,.dataviews__view-actions{ |
211 color:#1e1e1e; |
60 padding:12px 24px; |
212 } |
61 } |
213 .dataviews-view-table .dataviews-view-table-header-button span{ |
62 .dataviews-loading,.dataviews-no-results{ |
214 speak:none; |
63 padding-left:24px; |
215 } |
64 padding-right:24px; |
216 .dataviews-view-table .dataviews-view-table-header-button span:empty{ |
65 } |
217 display:none; |
66 } |
218 } |
67 .dataviews-title-field{ |
219 .dataviews-view-table .dataviews-view-table-header{ |
|
220 padding-right:4px; |
|
221 } |
|
222 .dataviews-view-table .dataviews-view-table__actions-column{ |
|
223 width:1%; |
|
224 } |
|
225 .dataviews-view-table:has(tr.is-selected) .components-checkbox-control__input{ |
|
226 opacity:1; |
|
227 } |
|
228 |
|
229 .dataviews-view-grid__primary-field,.dataviews-view-list__primary-field,.dataviews-view-table__primary-field{ |
|
230 color:#757575; |
|
231 display:block; |
|
232 font-size:13px; |
68 font-size:13px; |
233 font-weight:500; |
69 font-weight:500; |
70 width:100%; |
|
71 } |
|
72 .dataviews-title-field,.dataviews-title-field a{ |
|
73 color:#2f2f2f; |
|
234 text-overflow:ellipsis; |
74 text-overflow:ellipsis; |
235 white-space:nowrap; |
75 white-space:nowrap; |
236 width:100%; |
76 } |
237 } |
77 .dataviews-title-field a{ |
238 .dataviews-view-grid__primary-field a,.dataviews-view-list__primary-field a,.dataviews-view-table__primary-field a{ |
|
239 color:#1e1e1e; |
|
240 display:block; |
78 display:block; |
241 flex-grow:0; |
79 flex-grow:0; |
242 overflow:hidden; |
80 overflow:hidden; |
243 text-decoration:none; |
81 text-decoration:none; |
244 text-overflow:ellipsis; |
82 } |
245 white-space:nowrap; |
83 .dataviews-title-field a:hover{ |
246 } |
|
247 .dataviews-view-grid__primary-field a:hover,.dataviews-view-list__primary-field a:hover,.dataviews-view-table__primary-field a:hover{ |
|
248 color:var(--wp-admin-theme-color); |
84 color:var(--wp-admin-theme-color); |
249 } |
85 } |
250 .dataviews-view-grid__primary-field a:focus,.dataviews-view-list__primary-field a:focus,.dataviews-view-table__primary-field a:focus{ |
86 .dataviews-title-field a:focus{ |
251 border-radius:2px; |
87 border-radius:2px; |
252 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba); |
88 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba); |
253 color:var(--wp-admin-theme-color--rgb); |
89 color:var(--wp-admin-theme-color--rgb); |
254 } |
90 } |
255 .dataviews-view-grid__primary-field button.components-button.is-link,.dataviews-view-list__primary-field button.components-button.is-link,.dataviews-view-table__primary-field button.components-button.is-link{ |
91 .dataviews-title-field button.components-button.is-link{ |
256 color:#1e1e1e; |
92 color:#1e1e1e; |
257 display:block; |
93 display:block; |
258 font-weight:inherit; |
94 font-weight:inherit; |
259 overflow:hidden; |
95 overflow:hidden; |
260 text-decoration:none; |
96 text-decoration:none; |
261 text-overflow:ellipsis; |
97 text-overflow:ellipsis; |
262 white-space:nowrap; |
98 white-space:nowrap; |
263 width:100%; |
99 width:100%; |
264 } |
100 } |
265 .dataviews-view-grid__primary-field button.components-button.is-link:hover,.dataviews-view-list__primary-field button.components-button.is-link:hover,.dataviews-view-table__primary-field button.components-button.is-link:hover{ |
101 .dataviews-title-field button.components-button.is-link:hover{ |
266 color:var(--wp-admin-theme-color); |
102 color:var(--wp-admin-theme-color); |
267 } |
103 } |
268 |
104 |
269 .dataviews-view-grid{ |
105 .dataviews-title-field--clickable{ |
270 grid-template-columns:repeat(1, minmax(0, 1fr)) !important; |
106 color:#2f2f2f; |
271 grid-template-rows:max-content; |
107 cursor:pointer; |
272 margin-bottom:auto; |
108 } |
273 padding:0 48px 24px; |
109 .dataviews-title-field--clickable:hover{ |
274 transition:padding .1s ease-out; |
110 color:var(--wp-admin-theme-color); |
275 } |
111 } |
276 @media (prefers-reduced-motion:reduce){ |
112 .dataviews-title-field--clickable:focus{ |
277 .dataviews-view-grid{ |
113 border-radius:2px; |
278 transition-delay:0s; |
114 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba); |
279 transition-duration:0s; |
115 color:var(--wp-admin-theme-color--rgb); |
280 } |
116 } |
281 } |
117 |
282 @media (min-width:480px){ |
118 .dataviews-bulk-actions-footer__item-count{ |
283 .dataviews-view-grid{ |
119 color:#1e1e1e; |
284 grid-template-columns:repeat(2, minmax(0, 1fr)) !important; |
120 font-size:11px; |
285 } |
121 font-weight:500; |
286 } |
122 text-transform:uppercase; |
287 @media (min-width:1080px){ |
123 } |
288 .dataviews-view-grid{ |
124 |
289 grid-template-columns:repeat(3, minmax(0, 1fr)) !important; |
125 .dataviews-bulk-actions-footer__container{ |
290 } |
126 margin-left:auto; |
291 } |
|
292 @media (min-width:1440px){ |
|
293 .dataviews-view-grid{ |
|
294 grid-template-columns:repeat(4, minmax(0, 1fr)) !important; |
|
295 } |
|
296 } |
|
297 .dataviews-view-grid .dataviews-view-grid__card{ |
|
298 height:100%; |
|
299 justify-content:flex-start; |
|
300 } |
|
301 .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-actions{ |
|
302 padding:8px 0 4px; |
|
303 } |
|
304 .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__primary-field{ |
|
305 min-height:32px; |
127 min-height:32px; |
306 } |
128 } |
307 .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value{ |
129 |
308 color:#1e1e1e; |
130 .dataviews-filters__button{ |
309 } |
131 position:relative; |
310 .dataviews-view-grid .dataviews-view-grid__card.is-selected .page-pages-preview-field__button:after{ |
132 } |
311 background:rgba(var(--wp-admin-theme-color--rgb), .04); |
133 |
312 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
134 .dataviews-filters__container{ |
313 } |
135 padding-top:0; |
314 .dataviews-view-grid .dataviews-view-grid__media{ |
136 } |
315 aspect-ratio:1/1; |
137 |
316 background-color:#f0f0f0; |
138 .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true],.dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:hover{ |
139 opacity:0; |
|
140 } |
|
141 .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:focus{ |
|
142 opacity:1; |
|
143 } |
|
144 |
|
145 .dataviews-filters__summary-popover{ |
|
146 font-size:13px; |
|
147 line-height:1.4; |
|
148 } |
|
149 .dataviews-filters__summary-popover .components-popover__content{ |
|
317 border-radius:4px; |
150 border-radius:4px; |
318 min-height:200px; |
151 width:230px; |
152 } |
|
153 .dataviews-filters__summary-popover.components-dropdown__content .components-popover__content{ |
|
154 padding:0; |
|
155 } |
|
156 |
|
157 .dataviews-filters__summary-operators-container{ |
|
158 padding:8px 8px 0; |
|
159 } |
|
160 .dataviews-filters__summary-operators-container:has(+.dataviews-filters__search-widget-listbox){ |
|
161 border-bottom:1px solid #e0e0e0; |
|
162 padding-bottom:8px; |
|
163 } |
|
164 .dataviews-filters__summary-operators-container:empty{ |
|
165 display:none; |
|
166 } |
|
167 .dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-name{ |
|
168 color:#757575; |
|
169 } |
|
170 |
|
171 .dataviews-filters__summary-chip-container{ |
|
319 position:relative; |
172 position:relative; |
320 width:100%; |
173 white-space:pre-wrap; |
321 } |
174 } |
322 .dataviews-view-grid .dataviews-view-grid__media img{ |
175 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip{ |
323 height:100%; |
|
324 object-fit:cover; |
|
325 width:100%; |
|
326 } |
|
327 .dataviews-view-grid .dataviews-view-grid__media:after{ |
|
328 border-radius:4px; |
|
329 box-shadow:inset 0 0 0 1px #0000001a; |
|
330 content:""; |
|
331 height:100%; |
|
332 pointer-events:none; |
|
333 position:absolute; |
|
334 right:0; |
|
335 top:0; |
|
336 width:100%; |
|
337 } |
|
338 .dataviews-view-grid .dataviews-view-grid__fields{ |
|
339 font-size:12px; |
|
340 line-height:16px; |
|
341 position:relative; |
|
342 } |
|
343 .dataviews-view-grid .dataviews-view-grid__fields:not(:empty){ |
|
344 padding:0 0 12px; |
|
345 } |
|
346 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field{ |
|
347 align-items:flex-start; |
|
348 } |
|
349 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column){ |
|
350 align-items:center; |
|
351 } |
|
352 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column) .dataviews-view-grid__field-name{ |
|
353 width:35%; |
|
354 } |
|
355 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column) .dataviews-view-grid__field-value{ |
|
356 overflow:hidden; |
|
357 text-overflow:ellipsis; |
|
358 white-space:nowrap; |
|
359 width:65%; |
|
360 } |
|
361 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name{ |
|
362 color:#757575; |
|
363 } |
|
364 .dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty){ |
|
365 padding-bottom:12px; |
|
366 } |
|
367 .dataviews-view-grid .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value{ |
|
368 align-items:center; |
176 align-items:center; |
369 background:#f0f0f0; |
177 background:#f0f0f0; |
370 border-radius:2px; |
178 border:1px solid #0000; |
371 display:flex; |
179 border-radius:16px; |
372 font-size:12px; |
180 box-sizing:border-box; |
373 min-height:24px; |
181 color:#2f2f2f; |
374 padding:0 8px; |
|
375 width:-moz-fit-content; |
|
376 width:fit-content; |
|
377 } |
|
378 |
|
379 .dataviews-view-list{ |
|
380 margin:0 0 auto; |
|
381 } |
|
382 .dataviews-view-list li{ |
|
383 border-top:1px solid #f0f0f0; |
|
384 cursor:pointer; |
182 cursor:pointer; |
385 margin:0; |
183 display:flex; |
386 } |
184 min-height:32px; |
387 .dataviews-view-list li .dataviews-view-list__item-wrapper{ |
185 padding:4px 12px; |
388 border-radius:4px; |
|
389 position:relative; |
186 position:relative; |
390 } |
187 } |
391 .dataviews-view-list li .dataviews-view-list__item-wrapper>*{ |
188 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-reset{ |
392 width:100%; |
189 padding-inline-end:28px; |
393 } |
190 } |
394 .dataviews-view-list li .dataviews-view-list__item-actions .components-button{ |
191 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible,.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:hover,.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip[aria-expanded=true]{ |
395 left:0; |
192 background:#e0e0e0; |
396 opacity:0; |
|
397 position:fixed; |
|
398 } |
|
399 .dataviews-view-list li.is-hovered .dataviews-view-list__item-actions,.dataviews-view-list li.is-selected .dataviews-view-list__item-actions,.dataviews-view-list li:focus-within .dataviews-view-list__item-actions{ |
|
400 padding-left:32px; |
|
401 } |
|
402 .dataviews-view-list li.is-hovered .dataviews-view-list__item-actions .components-button,.dataviews-view-list li.is-selected .dataviews-view-list__item-actions .components-button,.dataviews-view-list li:focus-within .dataviews-view-list__item-actions .components-button{ |
|
403 opacity:1; |
|
404 position:static; |
|
405 } |
|
406 .dataviews-view-list li.is-hovered .dataviews-view-list__item,.dataviews-view-list li.is-selected .dataviews-view-list__item,.dataviews-view-list li:focus-within .dataviews-view-list__item{ |
|
407 padding-left:0; |
|
408 } |
|
409 .dataviews-view-list li:not(.is-selected) .dataviews-view-list__primary-field{ |
|
410 color:#1e1e1e; |
193 color:#1e1e1e; |
411 } |
194 } |
412 .dataviews-view-list li:not(.is-selected):focus-within,.dataviews-view-list li:not(.is-selected):hover{ |
195 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values{ |
413 background-color:#f8f8f8; |
196 background:rgba(var(--wp-admin-theme-color--rgb), .04); |
414 color:var(--wp-admin-theme-color); |
197 color:var(--wp-admin-theme-color); |
415 } |
198 } |
416 .dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__fields,.dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__primary-field,.dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__fields,.dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__primary-field{ |
199 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values:hover,.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values[aria-expanded=true]{ |
417 color:var(--wp-admin-theme-color); |
200 background:rgba(var(--wp-admin-theme-color--rgb), .12); |
418 } |
201 } |
419 .dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper,.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper{ |
202 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible{ |
420 background-color:rgba(var(--wp-admin-theme-color--rgb), .04); |
203 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
421 color:#1e1e1e; |
204 outline:none; |
422 } |
205 } |
423 .dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields,.dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__primary-field,.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields,.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__primary-field{ |
206 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip .dataviews-filters-__summary-filter-text-name{ |
424 color:var(--wp-admin-theme-color); |
207 font-weight:500; |
425 } |
208 } |
426 .dataviews-view-list .dataviews-view-list__item{ |
209 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove{ |
427 padding:16px 24px 16px 0; |
210 align-items:center; |
428 scroll-margin:8px 0; |
211 background:#0000; |
429 width:100%; |
212 border:0; |
430 } |
213 border-radius:50%; |
431 .dataviews-view-list .dataviews-view-list__item:focus-visible:before{ |
214 cursor:pointer; |
432 border-radius:2px; |
215 display:flex; |
433 bottom:var(--wp-admin-border-width-focus); |
216 height:24px; |
434 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
217 justify-content:center; |
435 content:""; |
218 left:4px; |
436 left:var(--wp-admin-border-width-focus); |
219 padding:0; |
437 position:absolute; |
220 position:absolute; |
438 right:var(--wp-admin-border-width-focus); |
221 top:50%; |
439 top:calc(var(--wp-admin-border-width-focus) + 1px); |
222 transform:translateY(-50%); |
440 } |
|
441 .dataviews-view-list .dataviews-view-list__item .dataviews-view-list__primary-field{ |
|
442 line-height:20px; |
|
443 min-height:20px; |
|
444 overflow:hidden; |
|
445 } |
|
446 .dataviews-view-list .dataviews-view-list__media-wrapper{ |
|
447 background-color:#f0f0f0; |
|
448 border-radius:4px; |
|
449 flex-shrink:0; |
|
450 height:40px; |
|
451 overflow:hidden; |
|
452 position:relative; |
|
453 width:40px; |
|
454 } |
|
455 .dataviews-view-list .dataviews-view-list__media-wrapper img{ |
|
456 height:100%; |
|
457 object-fit:cover; |
|
458 width:100%; |
|
459 } |
|
460 .dataviews-view-list .dataviews-view-list__media-wrapper:after{ |
|
461 border-radius:4px; |
|
462 box-shadow:inset 0 0 0 1px #0000001a; |
|
463 content:""; |
|
464 height:100%; |
|
465 position:absolute; |
|
466 right:0; |
|
467 top:0; |
|
468 width:100%; |
|
469 } |
|
470 .dataviews-view-list .dataviews-view-list__media-placeholder{ |
|
471 background-color:#e0e0e0; |
|
472 height:32px; |
|
473 min-width:32px; |
|
474 } |
|
475 .dataviews-view-list .dataviews-view-list__fields{ |
|
476 color:#757575; |
|
477 display:flex; |
|
478 flex-wrap:wrap; |
|
479 font-size:12px; |
|
480 gap:8px; |
|
481 } |
|
482 .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:has(.dataviews-view-list__field-value:empty){ |
|
483 display:none; |
|
484 } |
|
485 .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value{ |
|
486 display:inline-flex; |
|
487 line-height:20px; |
|
488 } |
|
489 .dataviews-view-list .dataviews-view-list__item-actions{ |
|
490 padding-left:24px; |
|
491 } |
|
492 .dataviews-view-list+.dataviews-pagination{ |
|
493 justify-content:space-between; |
|
494 } |
|
495 |
|
496 .dataviews-action-modal{ |
|
497 z-index:1000001; |
|
498 } |
|
499 |
|
500 .dataviews-loading,.dataviews-no-results{ |
|
501 align-items:center; |
|
502 display:flex; |
|
503 flex-grow:1; |
|
504 justify-content:center; |
|
505 padding:0 48px; |
|
506 transition:padding .1s ease-out; |
|
507 } |
|
508 @media (prefers-reduced-motion:reduce){ |
|
509 .dataviews-loading,.dataviews-no-results{ |
|
510 transition-delay:0s; |
|
511 transition-duration:0s; |
|
512 } |
|
513 } |
|
514 |
|
515 .dataviews-view-table-selection-checkbox{ |
|
516 --checkbox-input-size:24px; |
|
517 flex-shrink:0; |
|
518 line-height:0; |
|
519 } |
|
520 @media (min-width:600px){ |
|
521 .dataviews-view-table-selection-checkbox{ |
|
522 --checkbox-input-size:16px; |
|
523 } |
|
524 } |
|
525 .dataviews-view-table-selection-checkbox .components-checkbox-control__input-container{ |
|
526 margin:0; |
|
527 } |
|
528 |
|
529 .dataviews-filters__custom-menu-radio-item-prefix{ |
|
530 display:block; |
|
531 width:24px; |
223 width:24px; |
532 } |
224 } |
533 |
225 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove svg{ |
534 .dataviews-bulk-edit-button.components-button{ |
226 fill:#757575; |
535 flex-shrink:0; |
227 } |
536 } |
228 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus,.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover{ |
537 |
229 background:#e0e0e0; |
538 .dataviews-filter-summary__popover .components-popover__content{ |
230 } |
539 border-radius:4px; |
231 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus svg,.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover svg{ |
540 padding:0; |
232 fill:#1e1e1e; |
541 width:230px; |
233 } |
542 } |
234 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values svg{ |
543 |
235 fill:var(--wp-admin-theme-color); |
544 .dataviews-search-widget-filter-combobox-list{ |
236 } |
237 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values:hover{ |
|
238 background:rgba(var(--wp-admin-theme-color--rgb), .08); |
|
239 } |
|
240 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus-visible{ |
|
241 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
242 outline:none; |
|
243 } |
|
244 |
|
245 .dataviews-filters__search-widget-filter-combobox-list{ |
|
545 border-top:1px solid #e0e0e0; |
246 border-top:1px solid #e0e0e0; |
546 max-height:184px; |
247 max-height:184px; |
547 overflow:auto; |
248 overflow:auto; |
548 padding:4px; |
249 padding:4px; |
549 } |
250 } |
550 .dataviews-search-widget-filter-combobox-list .dataviews-search-widget-filter-combobox-item-value [data-user-value]{ |
251 .dataviews-filters__search-widget-filter-combobox-list .dataviews-filters__search-widget-filter-combobox-item-value [data-user-value]{ |
551 font-weight:600; |
252 font-weight:600; |
552 } |
253 } |
553 |
254 |
554 .dataviews-search-widget-listbox{ |
255 .dataviews-filters__search-widget-listbox{ |
555 max-height:184px; |
|
556 overflow:auto; |
256 overflow:auto; |
557 padding:4px; |
257 padding:4px; |
558 } |
258 } |
559 |
259 |
560 .dataviews-search-widget-listitem{ |
260 .dataviews-filters__search-widget-listitem{ |
561 align-items:center; |
261 align-items:center; |
562 border-radius:2px; |
262 border-radius:2px; |
563 box-sizing:border-box; |
263 box-sizing:border-box; |
564 cursor:default; |
264 cursor:default; |
565 display:flex; |
265 display:flex; |
566 gap:8px; |
266 gap:8px; |
567 margin-block-end:2px; |
267 margin-block-end:2px; |
568 padding:8px 12px; |
268 padding:8px 12px; |
569 } |
269 } |
570 .dataviews-search-widget-listitem:last-child{ |
270 .dataviews-filters__search-widget-listitem:last-child{ |
571 margin-block-end:0; |
271 margin-block-end:0; |
572 } |
272 } |
573 .dataviews-search-widget-listitem:focus,.dataviews-search-widget-listitem:hover,.dataviews-search-widget-listitem[data-active-item]{ |
273 .dataviews-filters__search-widget-listitem:focus,.dataviews-filters__search-widget-listitem:hover,.dataviews-filters__search-widget-listitem[data-active-item]{ |
574 background-color:var(--wp-admin-theme-color); |
274 background-color:var(--wp-admin-theme-color); |
575 color:#fff; |
275 color:#fff; |
576 } |
276 } |
577 .dataviews-search-widget-listitem:focus .dataviews-search-widget-listitem-check,.dataviews-search-widget-listitem:hover .dataviews-search-widget-listitem-check,.dataviews-search-widget-listitem[data-active-item] .dataviews-search-widget-listitem-check{ |
277 .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-check,.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-check,.dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-check{ |
578 fill:#fff; |
278 fill:#fff; |
579 } |
279 } |
580 .dataviews-search-widget-listitem:focus .dataviews-search-widget-listitem-description,.dataviews-search-widget-listitem:hover .dataviews-search-widget-listitem-description,.dataviews-search-widget-listitem[data-active-item] .dataviews-search-widget-listitem-description{ |
280 .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-description,.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-description,.dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-description{ |
581 color:#fff; |
281 color:#fff; |
582 } |
282 } |
583 .dataviews-search-widget-listitem .dataviews-search-widget-listitem-check{ |
283 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-check{ |
584 flex-shrink:0; |
284 flex-shrink:0; |
585 height:24px; |
285 height:24px; |
586 width:24px; |
286 width:24px; |
587 } |
287 } |
588 .dataviews-search-widget-listitem .dataviews-search-widget-listitem-description{ |
288 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-description{ |
589 color:#757575; |
289 color:#757575; |
590 display:block; |
290 display:block; |
591 font-size:12px; |
291 font-size:12px; |
592 line-height:16px; |
292 line-height:16px; |
593 overflow:hidden; |
293 overflow:hidden; |
594 text-overflow:ellipsis; |
294 text-overflow:ellipsis; |
595 } |
295 } |
596 |
296 |
597 .dataviews-search-widget-filter-combobox__wrapper{ |
297 .dataviews-filters__search-widget-filter-combobox__wrapper{ |
598 padding:8px; |
298 padding:8px; |
599 position:relative; |
299 position:relative; |
600 } |
300 } |
601 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input{ |
301 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input{ |
602 background:#f0f0f0; |
302 background:#f0f0f0; |
603 border:none; |
303 border:none; |
604 border-radius:2px; |
304 border-radius:2px; |
605 box-shadow:0 0 0 #0000; |
305 box-shadow:0 0 0 #0000; |
606 display:block; |
306 display:block; |
609 height:32px; |
309 height:32px; |
610 line-height:normal; |
310 line-height:normal; |
611 margin-left:0; |
311 margin-left:0; |
612 margin-right:0; |
312 margin-right:0; |
613 padding:0 8px 0 32px; |
313 padding:0 8px 0 32px; |
614 transition:box-shadow .1s linear; |
314 width:100%; |
615 width:100%; |
315 } |
616 } |
316 @media not (prefers-reduced-motion){ |
617 @media (prefers-reduced-motion:reduce){ |
317 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input{ |
618 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input{ |
318 transition:box-shadow .1s linear; |
619 transition-delay:0s; |
|
620 transition-duration:0s; |
|
621 } |
319 } |
622 } |
320 } |
623 @media (min-width:600px){ |
321 @media (min-width:600px){ |
624 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input{ |
322 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input{ |
625 font-size:13px; |
323 font-size:13px; |
626 line-height:normal; |
324 line-height:normal; |
627 } |
325 } |
628 } |
326 } |
629 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input:focus{ |
327 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus{ |
630 border-color:var(--wp-admin-theme-color); |
328 border-color:var(--wp-admin-theme-color); |
631 box-shadow:0 0 0 .5px var(--wp-admin-theme-color); |
329 box-shadow:0 0 0 .5px var(--wp-admin-theme-color); |
632 outline:2px solid #0000; |
330 outline:2px solid #0000; |
633 } |
331 } |
634 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-input-placeholder{ |
332 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-input-placeholder{ |
635 color:#1e1e1e9e; |
333 color:#1e1e1e9e; |
636 } |
334 } |
637 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-moz-placeholder{ |
335 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-moz-placeholder{ |
638 color:#1e1e1e9e; |
336 color:#1e1e1e9e; |
639 opacity:1; |
337 } |
640 } |
338 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:-ms-input-placeholder{ |
641 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input:-ms-input-placeholder{ |
|
642 color:#1e1e1e9e; |
339 color:#1e1e1e9e; |
643 } |
340 } |
644 @media (min-width:600px){ |
341 @media (min-width:600px){ |
645 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input{ |
342 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input{ |
646 font-size:13px; |
343 font-size:13px; |
647 } |
344 } |
648 } |
345 } |
649 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input:focus{ |
346 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus{ |
650 background:#fff; |
347 background:#fff; |
651 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
348 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
652 } |
349 } |
653 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::placeholder{ |
350 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder{ |
654 color:#757575; |
351 color:#757575; |
655 } |
352 } |
656 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-search-cancel-button,.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-search-decoration,.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-search-results-button,.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-search-results-decoration{ |
353 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-cancel-button,.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-decoration,.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-button,.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-decoration{ |
657 -webkit-appearance:none; |
354 -webkit-appearance:none; |
658 } |
355 } |
659 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__icon{ |
356 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon{ |
660 align-items:center; |
357 align-items:center; |
661 display:flex; |
358 display:flex; |
662 justify-content:center; |
359 justify-content:center; |
663 left:12px; |
360 left:12px; |
664 position:absolute; |
361 position:absolute; |
665 top:50%; |
362 top:50%; |
666 transform:translateY(-50%); |
363 transform:translateY(-50%); |
667 width:24px; |
364 width:24px; |
668 } |
365 } |
669 |
366 |
670 .dataviews-filter-summary__operators-container{ |
367 .dataviews-filters__container-visibility-toggle{ |
671 padding:8px 8px 0; |
368 flex-shrink:0; |
672 } |
369 position:relative; |
673 .dataviews-filter-summary__operators-container:has(+.dataviews-search-widget-listbox){ |
370 } |
674 border-bottom:1px solid #e0e0e0; |
371 |
675 padding-bottom:8px; |
372 .dataviews-filters-toggle__count{ |
676 } |
373 background:var(--wp-admin-theme-color, #3858e9); |
677 .dataviews-filter-summary__operators-container:empty{ |
374 border-radius:8px; |
375 box-sizing:border-box; |
|
376 color:#fff; |
|
377 font-size:11px; |
|
378 height:16px; |
|
379 left:0; |
|
380 line-height:16px; |
|
381 min-width:16px; |
|
382 outline:var(--wp-admin-border-width-focus) solid #fff; |
|
383 padding:0 4px; |
|
384 position:absolute; |
|
385 text-align:center; |
|
386 top:0; |
|
387 transform:translate(-50%, -50%); |
|
388 } |
|
389 |
|
390 .dataviews-search{ |
|
391 width:fit-content; |
|
392 } |
|
393 |
|
394 .dataviews-footer{ |
|
395 background-color:#fff; |
|
396 border-top:1px solid #f0f0f0; |
|
397 bottom:0; |
|
398 flex-shrink:0; |
|
399 padding:12px 48px; |
|
400 position:sticky; |
|
401 right:0; |
|
402 z-index:2; |
|
403 } |
|
404 @media not (prefers-reduced-motion){ |
|
405 .dataviews-footer{ |
|
406 transition:padding .1s ease-out; |
|
407 } |
|
408 } |
|
409 |
|
410 @container (max-width: 430px){ |
|
411 .dataviews-footer{ |
|
412 padding:12px 24px; |
|
413 } |
|
414 } |
|
415 @container (max-width: 560px){ |
|
416 .dataviews-footer{ |
|
417 flex-direction:column !important; |
|
418 } |
|
419 .dataviews-footer .dataviews-bulk-actions-footer__container{ |
|
420 width:100%; |
|
421 } |
|
422 .dataviews-footer .dataviews-bulk-actions-footer__item-count{ |
|
423 flex-grow:1; |
|
424 } |
|
425 .dataviews-footer .dataviews-pagination{ |
|
426 justify-content:space-between; |
|
427 width:100%; |
|
428 } |
|
429 } |
|
430 .dataviews-pagination__page-select{ |
|
431 font-size:11px; |
|
432 font-weight:500; |
|
433 text-transform:uppercase; |
|
434 } |
|
435 @media (min-width:600px){ |
|
436 .dataviews-pagination__page-select .components-select-control__input{ |
|
437 font-size:11px !important; |
|
438 font-weight:500; |
|
439 } |
|
440 } |
|
441 |
|
442 .dataviews-action-modal{ |
|
443 z-index:1000001; |
|
444 } |
|
445 |
|
446 .dataviews-selection-checkbox{ |
|
447 --checkbox-input-size:24px; |
|
448 flex-shrink:0; |
|
449 line-height:0; |
|
450 } |
|
451 @media (min-width:600px){ |
|
452 .dataviews-selection-checkbox{ |
|
453 --checkbox-input-size:16px; |
|
454 } |
|
455 } |
|
456 .dataviews-selection-checkbox .components-checkbox-control__input-container{ |
|
457 margin:0; |
|
458 } |
|
459 |
|
460 .dataviews-view-config{ |
|
461 container-type:inline-size; |
|
462 font-size:13px; |
|
463 line-height:1.4; |
|
464 width:320px; |
|
465 } |
|
466 |
|
467 .dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper{ |
|
468 height:100%; |
|
469 overflow-y:scroll; |
|
470 } |
|
471 .dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper .dataviews-view-config{ |
|
472 width:auto; |
|
473 } |
|
474 |
|
475 .dataviews-view-config__sort-direction .components-toggle-group-control-option-base{ |
|
476 text-transform:uppercase; |
|
477 } |
|
478 |
|
479 .dataviews-settings-section__title.dataviews-settings-section__title{ |
|
480 font-size:15px; |
|
481 line-height:24px; |
|
482 } |
|
483 |
|
484 .dataviews-settings-section__sidebar{ |
|
485 grid-column:span 4; |
|
486 } |
|
487 |
|
488 .dataviews-settings-section__content,.dataviews-settings-section__content>*{ |
|
489 grid-column:span 8; |
|
490 } |
|
491 |
|
492 .dataviews-settings-section__content .is-divided-in-two{ |
|
493 display:contents; |
|
494 } |
|
495 .dataviews-settings-section__content .is-divided-in-two>*{ |
|
496 grid-column:span 4; |
|
497 } |
|
498 |
|
499 .dataviews-settings-section:has(.dataviews-settings-section__content:empty){ |
|
678 display:none; |
500 display:none; |
679 } |
501 } |
680 .dataviews-filter-summary__operators-container .dataviews-filter-summary__operators-filter-name{ |
502 |
503 @container (max-width: 500px){ |
|
504 .dataviews-settings-section.dataviews-settings-section{ |
|
505 grid-template-columns:repeat(2, 1fr); |
|
506 } |
|
507 .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__content,.dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__sidebar{ |
|
508 grid-column:span 2; |
|
509 } |
|
510 } |
|
511 .dataviews-field-control__field{ |
|
512 height:32px; |
|
513 } |
|
514 |
|
515 .dataviews-field-control__actions{ |
|
516 position:absolute; |
|
517 top:-9999em; |
|
518 } |
|
519 |
|
520 .dataviews-field-control__actions.dataviews-field-control__actions{ |
|
521 gap:4px; |
|
522 } |
|
523 |
|
524 .dataviews-field-control__field.is-interacting .dataviews-field-control__actions,.dataviews-field-control__field:focus-within .dataviews-field-control__actions,.dataviews-field-control__field:hover .dataviews-field-control__actions{ |
|
525 position:unset; |
|
526 top:unset; |
|
527 } |
|
528 |
|
529 .dataviews-field-control__icon{ |
|
530 display:flex; |
|
531 width:24px; |
|
532 } |
|
533 |
|
534 .dataviews-field-control__label-sub-label-container{ |
|
535 flex-grow:1; |
|
536 } |
|
537 |
|
538 .dataviews-field-control__label{ |
|
539 display:block; |
|
540 } |
|
541 |
|
542 .dataviews-field-control__sub-label{ |
|
681 color:#757575; |
543 color:#757575; |
682 } |
544 font-size:11px; |
683 |
545 font-style:normal; |
684 .dataviews-filter-summary__chip-container{ |
546 margin-bottom:0; |
547 margin-top:8px; |
|
548 } |
|
549 |
|
550 .dataviews-view-grid{ |
|
551 container-type:inline-size; |
|
552 grid-template-rows:max-content; |
|
553 margin-bottom:auto; |
|
554 padding:0 48px 24px; |
|
555 } |
|
556 @media not (prefers-reduced-motion){ |
|
557 .dataviews-view-grid{ |
|
558 transition:padding .1s ease-out; |
|
559 } |
|
560 } |
|
561 .dataviews-view-grid .dataviews-view-grid__card{ |
|
562 height:100%; |
|
563 justify-content:flex-start; |
|
685 position:relative; |
564 position:relative; |
686 white-space:pre-wrap; |
565 } |
687 } |
566 .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-actions{ |
688 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip{ |
567 padding:8px 0 4px; |
568 } |
|
569 .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field{ |
|
689 align-items:center; |
570 align-items:center; |
690 background:#f0f0f0; |
571 display:flex; |
691 border:1px solid #0000; |
572 min-height:24px; |
692 border-radius:16px; |
573 } |
693 color:#2f2f2f; |
574 .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable{ |
575 width:fit-content; |
|
576 } |
|
577 .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value{ |
|
578 color:#1e1e1e; |
|
579 } |
|
580 .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus:after,.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media:after{ |
|
581 background-color:rgba(var(--wp-admin-theme-color--rgb), .08); |
|
582 } |
|
583 .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media:after{ |
|
584 box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); |
|
585 } |
|
586 .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus:after{ |
|
587 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
588 } |
|
589 .dataviews-view-grid .dataviews-view-grid__media{ |
|
590 aspect-ratio:1/1; |
|
591 background-color:#f0f0f0; |
|
592 border-radius:4px; |
|
593 min-height:200px; |
|
594 position:relative; |
|
595 width:100%; |
|
596 } |
|
597 .dataviews-view-grid .dataviews-view-grid__media img{ |
|
598 height:100%; |
|
599 object-fit:cover; |
|
600 width:100%; |
|
601 } |
|
602 .dataviews-view-grid .dataviews-view-grid__media:after{ |
|
603 border-radius:4px; |
|
604 box-shadow:inset 0 0 0 1px #0000001a; |
|
605 content:""; |
|
606 height:100%; |
|
607 pointer-events:none; |
|
608 position:absolute; |
|
609 right:0; |
|
610 top:0; |
|
611 width:100%; |
|
612 } |
|
613 .dataviews-view-grid .dataviews-view-grid__fields{ |
|
614 font-size:12px; |
|
615 line-height:16px; |
|
616 position:relative; |
|
617 } |
|
618 .dataviews-view-grid .dataviews-view-grid__fields:not(:empty){ |
|
619 padding:0 0 12px; |
|
620 } |
|
621 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty){ |
|
622 line-height:20px; |
|
623 min-height:24px; |
|
624 padding-top:2px; |
|
625 } |
|
626 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field{ |
|
627 align-items:center; |
|
628 min-height:24px; |
|
629 } |
|
630 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name{ |
|
631 color:#757575; |
|
632 width:35%; |
|
633 } |
|
634 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value{ |
|
635 overflow:hidden; |
|
636 text-overflow:ellipsis; |
|
637 white-space:nowrap; |
|
638 width:65%; |
|
639 } |
|
640 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))){ |
|
641 display:none; |
|
642 } |
|
643 .dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty){ |
|
644 padding-bottom:12px; |
|
645 } |
|
646 @container (max-width: 480px){ |
|
647 .dataviews-view-grid.dataviews-view-grid{ |
|
648 grid-template-columns:repeat(1, minmax(0, 1fr)); |
|
649 padding-left:24px; |
|
650 padding-right:24px; |
|
651 } |
|
652 } |
|
653 @container (min-width: 480px){ |
|
654 .dataviews-view-grid.dataviews-view-grid{ |
|
655 grid-template-columns:repeat(2, minmax(0, 1fr)); |
|
656 } |
|
657 } |
|
658 @container (min-width: 780px){ |
|
659 .dataviews-view-grid.dataviews-view-grid{ |
|
660 grid-template-columns:repeat(3, minmax(0, 1fr)); |
|
661 } |
|
662 } |
|
663 @container (min-width: 1140px){ |
|
664 .dataviews-view-grid.dataviews-view-grid{ |
|
665 grid-template-columns:repeat(4, minmax(0, 1fr)); |
|
666 } |
|
667 } |
|
668 @container (min-width: 1520px){ |
|
669 .dataviews-view-grid.dataviews-view-grid{ |
|
670 grid-template-columns:repeat(5, minmax(0, 1fr)); |
|
671 } |
|
672 } |
|
673 |
|
674 .dataviews-view-grid__field-value:empty,.dataviews-view-grid__field:empty{ |
|
675 display:none; |
|
676 } |
|
677 |
|
678 .dataviews-view-grid__card .dataviews-selection-checkbox{ |
|
679 position:absolute; |
|
680 right:8px; |
|
681 top:-9999em; |
|
682 z-index:1; |
|
683 } |
|
684 |
|
685 .dataviews-view-grid__card.is-selected .dataviews-selection-checkbox,.dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,.dataviews-view-grid__card:hover .dataviews-selection-checkbox{ |
|
686 top:8px; |
|
687 } |
|
688 |
|
689 .dataviews-view-grid__media--clickable{ |
|
694 cursor:pointer; |
690 cursor:pointer; |
695 display:flex; |
691 } |
696 height:32px; |
692 |
697 padding:0 12px; |
693 div.dataviews-view-list{ |
694 list-style-type:none; |
|
695 } |
|
696 |
|
697 .dataviews-view-list{ |
|
698 margin:0 0 auto; |
|
699 } |
|
700 .dataviews-view-list div[role=row]{ |
|
701 border-top:1px solid #f0f0f0; |
|
702 margin:0; |
|
703 } |
|
704 .dataviews-view-list div[role=row] .dataviews-view-list__item-wrapper{ |
|
705 box-sizing:border-box; |
|
706 padding:16px 24px; |
|
698 position:relative; |
707 position:relative; |
699 } |
708 } |
700 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip.has-reset{ |
709 .dataviews-view-list div[role=row] .dataviews-view-list__item-actions{ |
701 padding-inline-end:28px; |
710 flex:0; |
702 } |
711 overflow:hidden; |
703 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip:focus-visible,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip:hover,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip[aria-expanded=true]{ |
712 } |
704 background:#e0e0e0; |
713 .dataviews-view-list div[role=row] .dataviews-view-list__item-actions>div{ |
714 height:24px; |
|
715 } |
|
716 .dataviews-view-list div[role=row] .dataviews-view-list__item-actions .components-button{ |
|
717 opacity:0; |
|
718 position:relative; |
|
719 z-index:1; |
|
720 } |
|
721 .dataviews-view-list div[role=row]:where(.is-selected,.is-hovered,:focus-within) .dataviews-view-list__item-actions{ |
|
722 flex-basis:min-content; |
|
723 overflow:unset; |
|
724 padding-inline-end:4px; |
|
725 } |
|
726 .dataviews-view-list div[role=row]:where(.is-selected,.is-hovered,:focus-within) .dataviews-view-list__item-actions .components-button{ |
|
727 opacity:1; |
|
728 } |
|
729 .dataviews-view-list div[role=row].is-selected.is-selected,.dataviews-view-list div[role=row].is-selected.is-selected+div[role=row]{ |
|
730 border-top:1px solid rgba(var(--wp-admin-theme-color--rgb), .12); |
|
731 } |
|
732 .dataviews-view-list div[role=row]:not(.is-selected) .dataviews-view-list__title-field{ |
|
705 color:#1e1e1e; |
733 color:#1e1e1e; |
706 } |
734 } |
707 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip.has-values{ |
735 .dataviews-view-list div[role=row]:not(.is-selected).is-hovered,.dataviews-view-list div[role=row]:not(.is-selected):focus-within,.dataviews-view-list div[role=row]:not(.is-selected):hover{ |
708 background:rgba(var(--wp-admin-theme-color--rgb), .04); |
736 background-color:#f8f8f8; |
709 color:var(--wp-admin-theme-color); |
737 color:var(--wp-admin-theme-color); |
710 } |
738 } |
711 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip.has-values:hover,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip.has-values[aria-expanded=true]{ |
739 .dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__fields,.dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__title-field,.dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__fields,.dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__title-field,.dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__fields,.dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__title-field{ |
712 background:rgba(var(--wp-admin-theme-color--rgb), .12); |
740 color:var(--wp-admin-theme-color); |
713 } |
741 } |
714 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip:focus-visible{ |
742 .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper,.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper{ |
715 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
743 background-color:rgba(var(--wp-admin-theme-color--rgb), .04); |
716 outline:none; |
744 color:#1e1e1e; |
717 } |
745 } |
718 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip .dataviews-filter-summary__filter-text-name{ |
746 .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields,.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__title-field,.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields,.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__title-field{ |
719 font-weight:500; |
747 color:var(--wp-admin-theme-color); |
720 } |
748 } |
721 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove{ |
749 .dataviews-view-list .dataviews-view-list__item{ |
722 align-items:center; |
750 appearance:none; |
723 background:#0000; |
751 background:none; |
724 border:0; |
752 border:none; |
725 border-radius:50%; |
|
726 cursor:pointer; |
753 cursor:pointer; |
727 display:flex; |
754 inset:0; |
728 height:24px; |
|
729 justify-content:center; |
|
730 left:4px; |
|
731 padding:0; |
755 padding:0; |
732 position:absolute; |
756 position:absolute; |
733 top:50%; |
757 scroll-margin:8px 0; |
734 transform:translateY(-50%); |
758 z-index:1; |
735 width:24px; |
759 } |
736 } |
760 .dataviews-view-list .dataviews-view-list__item:focus-visible{ |
737 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove svg{ |
|
738 fill:#757575; |
|
739 } |
|
740 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:focus,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:hover{ |
|
741 background:#e0e0e0; |
|
742 } |
|
743 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:focus svg,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:hover svg{ |
|
744 fill:#1e1e1e; |
|
745 } |
|
746 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove.has-values svg{ |
|
747 fill:var(--wp-admin-theme-color); |
|
748 } |
|
749 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove.has-values:hover{ |
|
750 background:rgba(var(--wp-admin-theme-color--rgb), .08); |
|
751 } |
|
752 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:focus-visible{ |
|
753 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
754 outline:none; |
761 outline:none; |
755 } |
762 } |
763 .dataviews-view-list .dataviews-view-list__item:focus-visible:before{ |
|
764 border-radius:2px; |
|
765 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
766 content:""; |
|
767 inset:var(--wp-admin-border-width-focus); |
|
768 outline:2px solid #0000; |
|
769 position:absolute; |
|
770 } |
|
771 .dataviews-view-list .dataviews-view-list__title-field{ |
|
772 flex:1; |
|
773 line-height:24px; |
|
774 min-height:24px; |
|
775 overflow:hidden; |
|
776 } |
|
777 .dataviews-view-list .dataviews-view-list__title-field:has(a,button){ |
|
778 z-index:1; |
|
779 } |
|
780 .dataviews-view-list .dataviews-view-list__media-wrapper{ |
|
781 background-color:#f0f0f0; |
|
782 border-radius:4px; |
|
783 flex-shrink:0; |
|
784 height:52px; |
|
785 overflow:hidden; |
|
786 position:relative; |
|
787 width:52px; |
|
788 } |
|
789 .dataviews-view-list .dataviews-view-list__media-wrapper img{ |
|
790 height:100%; |
|
791 object-fit:cover; |
|
792 width:100%; |
|
793 } |
|
794 .dataviews-view-list .dataviews-view-list__media-wrapper:after{ |
|
795 border-radius:4px; |
|
796 box-shadow:inset 0 0 0 1px #0000001a; |
|
797 content:""; |
|
798 height:100%; |
|
799 position:absolute; |
|
800 right:0; |
|
801 top:0; |
|
802 width:100%; |
|
803 } |
|
804 .dataviews-view-list .dataviews-view-list__field-wrapper{ |
|
805 flex-grow:1; |
|
806 min-height:52px; |
|
807 } |
|
808 .dataviews-view-list .dataviews-view-list__fields{ |
|
809 color:#757575; |
|
810 display:flex; |
|
811 flex-wrap:wrap; |
|
812 font-size:12px; |
|
813 gap:12px; |
|
814 row-gap:4px; |
|
815 } |
|
816 .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:has(.dataviews-view-list__field-value:empty),.dataviews-view-list .dataviews-view-list__fields:empty{ |
|
817 display:none; |
|
818 } |
|
819 .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value{ |
|
820 align-items:center; |
|
821 display:flex; |
|
822 line-height:20px; |
|
823 min-height:24px; |
|
824 } |
|
825 .dataviews-view-list+.dataviews-pagination{ |
|
826 justify-content:space-between; |
|
827 } |
|
828 |
|
829 .dataviews-view-table{ |
|
830 border-collapse:collapse; |
|
831 border-color:inherit; |
|
832 color:#757575; |
|
833 margin-bottom:auto; |
|
834 position:relative; |
|
835 text-indent:0; |
|
836 width:100%; |
|
837 } |
|
838 .dataviews-view-table th{ |
|
839 color:#1e1e1e; |
|
840 font-size:13px; |
|
841 font-weight:400; |
|
842 text-align:right; |
|
843 } |
|
844 .dataviews-view-table td,.dataviews-view-table th{ |
|
845 padding:12px; |
|
846 white-space:nowrap; |
|
847 } |
|
848 .dataviews-view-table td.dataviews-view-table__actions-column,.dataviews-view-table th.dataviews-view-table__actions-column{ |
|
849 text-align:left; |
|
850 } |
|
851 .dataviews-view-table td.dataviews-view-table__checkbox-column,.dataviews-view-table th.dataviews-view-table__checkbox-column{ |
|
852 padding-left:0; |
|
853 width:1%; |
|
854 } |
|
855 .dataviews-view-table tr{ |
|
856 border-top:1px solid #f0f0f0; |
|
857 } |
|
858 .dataviews-view-table tr .dataviews-view-table-header-button{ |
|
859 gap:4px; |
|
860 } |
|
861 .dataviews-view-table tr td:first-child,.dataviews-view-table tr th:first-child{ |
|
862 padding-right:48px; |
|
863 } |
|
864 .dataviews-view-table tr td:first-child .dataviews-view-table-header-button,.dataviews-view-table tr th:first-child .dataviews-view-table-header-button{ |
|
865 margin-right:-8px; |
|
866 } |
|
867 .dataviews-view-table tr td:last-child,.dataviews-view-table tr th:last-child{ |
|
868 padding-left:48px; |
|
869 } |
|
870 .dataviews-view-table tr:last-child{ |
|
871 border-bottom:0; |
|
872 } |
|
873 .dataviews-view-table tr.is-hovered{ |
|
874 background-color:#f8f8f8; |
|
875 } |
|
876 .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input{ |
|
877 opacity:0; |
|
878 } |
|
879 .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:checked,.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:focus,.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:indeterminate{ |
|
880 opacity:1; |
|
881 } |
|
882 .dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){ |
|
883 opacity:0; |
|
884 } |
|
885 .dataviews-view-table tr.is-hovered .components-checkbox-control__input,.dataviews-view-table tr.is-hovered .dataviews-item-actions .components-button:not(.dataviews-all-actions-button),.dataviews-view-table tr:focus-within .components-checkbox-control__input,.dataviews-view-table tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button),.dataviews-view-table tr:hover .components-checkbox-control__input,.dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){ |
|
886 opacity:1; |
|
887 } |
|
888 @media (hover:none){ |
|
889 .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input,.dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){ |
|
890 opacity:1; |
|
891 } |
|
892 } |
|
893 .dataviews-view-table tr.is-selected{ |
|
894 background-color:rgba(var(--wp-admin-theme-color--rgb), .04); |
|
895 color:#757575; |
|
896 } |
|
897 .dataviews-view-table tr.is-selected,.dataviews-view-table tr.is-selected+tr{ |
|
898 border-top:1px solid rgba(var(--wp-admin-theme-color--rgb), .12); |
|
899 } |
|
900 .dataviews-view-table tr.is-selected:hover{ |
|
901 background-color:rgba(var(--wp-admin-theme-color--rgb), .08); |
|
902 } |
|
903 .dataviews-view-table thead{ |
|
904 inset-block-start:0; |
|
905 position:sticky; |
|
906 z-index:1; |
|
907 } |
|
908 .dataviews-view-table thead tr{ |
|
909 border:0; |
|
910 } |
|
911 .dataviews-view-table thead th{ |
|
912 background-color:#fff; |
|
913 font-size:11px; |
|
914 font-weight:500; |
|
915 padding-bottom:8px; |
|
916 padding-right:12px; |
|
917 padding-top:8px; |
|
918 text-transform:uppercase; |
|
919 } |
|
920 .dataviews-view-table thead th:has(.dataviews-view-table-header-button):not(:first-child){ |
|
921 padding-right:4px; |
|
922 } |
|
923 .dataviews-view-table tbody td{ |
|
924 vertical-align:top; |
|
925 } |
|
926 .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper{ |
|
927 align-items:center; |
|
928 display:flex; |
|
929 min-height:32px; |
|
930 } |
|
931 .dataviews-view-table tbody .components-v-stack>.dataviews-view-table__cell-content-wrapper:not(:first-child){ |
|
932 min-height:0; |
|
933 } |
|
934 .dataviews-view-table .dataviews-view-table-header-button{ |
|
935 font-size:11px; |
|
936 font-weight:500; |
|
937 padding:4px 8px; |
|
938 text-transform:uppercase; |
|
939 } |
|
940 .dataviews-view-table .dataviews-view-table-header-button:not(:hover){ |
|
941 color:#1e1e1e; |
|
942 } |
|
943 .dataviews-view-table .dataviews-view-table-header-button span{ |
|
944 speak:none; |
|
945 } |
|
946 .dataviews-view-table .dataviews-view-table-header-button span:empty{ |
|
947 display:none; |
|
948 } |
|
949 .dataviews-view-table .dataviews-view-table-header{ |
|
950 padding-right:4px; |
|
951 } |
|
952 .dataviews-view-table .dataviews-view-table__actions-column{ |
|
953 width:1%; |
|
954 } |
|
955 .dataviews-view-table:has(tr.is-selected) .components-checkbox-control__input{ |
|
956 opacity:1; |
|
957 } |
|
958 .dataviews-view-table.has-compact-density thead th:has(.dataviews-view-table-header-button):not(:first-child){ |
|
959 padding-right:0; |
|
960 } |
|
961 .dataviews-view-table.has-compact-density td,.dataviews-view-table.has-compact-density th{ |
|
962 padding:4px 8px; |
|
963 } |
|
964 .dataviews-view-table.has-comfortable-density td,.dataviews-view-table.has-comfortable-density th{ |
|
965 padding:16px 12px; |
|
966 } |
|
967 .dataviews-view-table.has-comfortable-density td.dataviews-view-table__checkbox-column,.dataviews-view-table.has-comfortable-density th.dataviews-view-table__checkbox-column,.dataviews-view-table.has-compact-density td.dataviews-view-table__checkbox-column,.dataviews-view-table.has-compact-density th.dataviews-view-table__checkbox-column{ |
|
968 padding-left:0; |
|
969 } |
|
970 |
|
756 @container (max-width: 430px){ |
971 @container (max-width: 430px){ |
757 .dataviews-filters__view-actions,.dataviews-pagination{ |
|
758 padding:12px 24px; |
|
759 } |
|
760 |
|
761 .dataviews-filters__view-actions .components-search-control .components-base-control__field{ |
|
762 max-width:112px; |
|
763 } |
|
764 |
|
765 .dataviews-view-table tr td:first-child,.dataviews-view-table tr th:first-child{ |
972 .dataviews-view-table tr td:first-child,.dataviews-view-table tr th:first-child{ |
766 padding-right:24px; |
973 padding-right:24px; |
767 } |
974 } |
768 |
|
769 .dataviews-view-table tr td:last-child,.dataviews-view-table tr th:last-child{ |
975 .dataviews-view-table tr td:last-child,.dataviews-view-table tr th:last-child{ |
770 padding-left:24px; |
976 padding-left:24px; |
771 } |
977 } |
772 |
978 } |
773 .dataviews-loading,.dataviews-no-results,.dataviews-view-grid{ |
979 .dataviews-view-table-selection-checkbox{ |
774 padding-left:24px; |
980 --checkbox-input-size:24px; |
775 padding-right:24px; |
981 } |
776 } |
982 @media (min-width:600px){ |
777 } |
983 .dataviews-view-table-selection-checkbox{ |
778 .dataviews-bulk-actions-toolbar-wrapper{ |
984 --checkbox-input-size:16px; |
985 } |
|
986 } |
|
987 |
|
988 .dataviews-column-primary__media{ |
|
989 max-width:60px; |
|
990 } |
|
991 |
|
992 .dataviews-controls__datetime{ |
|
993 border:none; |
|
994 padding:0; |
|
995 } |
|
996 |
|
997 .dataforms-layouts-panel__field{ |
|
998 align-items:flex-start !important; |
|
999 justify-content:flex-start !important; |
|
1000 min-height:32px; |
|
1001 width:100%; |
|
1002 } |
|
1003 |
|
1004 .dataforms-layouts-panel__field-label{ |
|
1005 align-items:center; |
|
1006 display:flex; |
|
1007 flex-shrink:0; |
|
1008 hyphens:auto; |
|
1009 line-height:20px; |
|
1010 min-height:32px; |
|
1011 padding:6px 0; |
|
1012 width:38%; |
|
1013 } |
|
1014 |
|
1015 .dataforms-layouts-panel__field-control{ |
|
1016 align-items:center; |
|
779 display:flex; |
1017 display:flex; |
780 flex-grow:1; |
1018 flex-grow:1; |
781 width:100%; |
1019 min-height:32px; |
782 } |
1020 } |
783 .dataviews-bulk-actions-toolbar-wrapper .components-toolbar-group{ |
1021 .dataforms-layouts-panel__field-control .components-button{ |
1022 max-width:100%; |
|
1023 min-height:32px; |
|
1024 text-align:right; |
|
1025 text-wrap:balance; |
|
1026 text-wrap:pretty; |
|
1027 white-space:normal; |
|
1028 } |
|
1029 .dataforms-layouts-panel__field-control .components-dropdown{ |
|
1030 max-width:100%; |
|
1031 } |
|
1032 |
|
1033 .dataforms-layouts-panel__field-dropdown .components-popover__content{ |
|
1034 min-width:320px; |
|
1035 padding:16px; |
|
1036 } |
|
1037 |
|
1038 .dataforms-layouts-panel__dropdown-header{ |
|
1039 margin-bottom:16px; |
|
1040 } |
|
1041 |
|
1042 .components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown{ |
|
1043 z-index:159990; |
|
1044 } |
|
1045 |
|
1046 .dataforms-layouts-regular__field{ |
|
1047 align-items:flex-start !important; |
|
1048 justify-content:flex-start !important; |
|
1049 min-height:32px; |
|
1050 width:100%; |
|
1051 } |
|
1052 |
|
1053 .dataforms-layouts-regular__field .components-base-control__label{ |
|
1054 font-size:inherit; |
|
1055 font-weight:400; |
|
1056 text-transform:none; |
|
1057 } |
|
1058 |
|
1059 .dataforms-layouts-regular__field-label{ |
|
784 align-items:center; |
1060 align-items:center; |
785 } |
1061 display:flex; |
786 .dataviews-bulk-actions-toolbar-wrapper .components-button.is-busy{ |
1062 flex-shrink:0; |
787 max-height:36px; |
1063 hyphens:auto; |
788 } |
1064 line-height:20px; |
789 |
1065 min-height:32px; |
790 .dataviews-bulk-actions{ |
1066 padding:6px 0; |
791 align-content:center; |
1067 width:38%; |
792 bottom:24px; |
1068 } |
1069 |
|
1070 .dataforms-layouts-regular__field-control{ |
|
1071 align-items:center; |
|
1072 display:flex; |
|
1073 flex-grow:1; |
|
1074 min-height:32px; |
|
1075 } |
|
1076 |
|
1077 .fields-create-template-part-modal{ |
|
1078 z-index:1000001; |
|
1079 } |
|
1080 |
|
1081 .fields-create-template-part-modal__area-radio-group{ |
|
1082 border:1px solid #949494; |
|
1083 border-radius:2px; |
|
1084 } |
|
1085 |
|
1086 .fields-create-template-part-modal__area-radio-wrapper{ |
|
1087 align-items:center; |
|
1088 display:grid; |
|
1089 grid-template-columns:min-content 1fr min-content; |
|
1090 padding:12px; |
|
1091 position:relative; |
|
1092 grid-gap:4px 8px; |
|
1093 color:#1e1e1e; |
|
1094 } |
|
1095 .fields-create-template-part-modal__area-radio-wrapper+.fields-create-template-part-modal__area-radio-wrapper{ |
|
1096 border-top:1px solid #949494; |
|
1097 } |
|
1098 .fields-create-template-part-modal__area-radio-wrapper input[type=radio]{ |
|
1099 opacity:0; |
|
1100 position:absolute; |
|
1101 } |
|
1102 .fields-create-template-part-modal__area-radio-wrapper:has(input[type=radio]:checked){ |
|
1103 z-index:1; |
|
1104 } |
|
1105 .fields-create-template-part-modal__area-radio-wrapper:has(input[type=radio]:not(:checked)):hover{ |
|
1106 color:var(--wp-admin-theme-color); |
|
1107 } |
|
1108 .fields-create-template-part-modal__area-radio-wrapper>:not(.fields-create-template-part-modal__area-radio-label){ |
|
1109 pointer-events:none; |
|
1110 } |
|
1111 |
|
1112 .fields-create-template-part-modal__area-radio-label:before{ |
|
1113 content:""; |
|
1114 inset:0; |
|
1115 position:absolute; |
|
1116 } |
|
1117 input[type=radio]:not(:checked)~.fields-create-template-part-modal__area-radio-label:before{ |
|
1118 cursor:pointer; |
|
1119 } |
|
1120 input[type=radio]:focus-visible~.fields-create-template-part-modal__area-radio-label:before{ |
|
1121 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
1122 outline:4px solid #0000; |
|
1123 } |
|
1124 |
|
1125 .fields-create-template-part-modal__area-radio-checkmark,.fields-create-template-part-modal__area-radio-icon{ |
|
1126 fill:currentColor; |
|
1127 } |
|
1128 |
|
1129 input[type=radio]:not(:checked)~.fields-create-template-part-modal__area-radio-checkmark{ |
|
1130 opacity:0; |
|
1131 } |
|
1132 |
|
1133 .fields-create-template-part-modal__area-radio-description{ |
|
1134 color:#757575; |
|
1135 font-size:12px; |
|
1136 grid-column:2 / 3; |
|
1137 line-height:normal; |
|
1138 margin:0; |
|
1139 text-wrap:pretty; |
|
1140 } |
|
1141 input[type=radio]:not(:checked):hover~.fields-create-template-part-modal__area-radio-description{ |
|
1142 color:inherit; |
|
1143 } |
|
1144 |
|
1145 .fields-controls__slug .fields-controls__slug-external-icon{ |
|
1146 margin-right:5ch; |
|
1147 } |
|
1148 .fields-controls__slug .fields-controls__slug-input input.components-input-control__input{ |
|
1149 padding-inline-start:0 !important; |
|
1150 } |
|
1151 .fields-controls__slug .fields-controls__slug-help-link{ |
|
1152 word-break:break-word; |
|
1153 } |
|
1154 .fields-controls__slug .fields-controls__slug-help{ |
|
793 display:flex; |
1155 display:flex; |
794 flex-direction:column; |
1156 flex-direction:column; |
795 flex-wrap:wrap; |
1157 } |
1158 .fields-controls__slug .fields-controls__slug-help .fields-controls__slug-help-slug{ |
|
1159 font-weight:600; |
|
1160 } |
|
1161 |
|
1162 .fields-controls__featured-image-placeholder{ |
|
1163 background:#fff linear-gradient(45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0); |
|
1164 border-radius:2px; |
|
1165 box-shadow:inset 0 0 0 1px #0003; |
|
1166 display:inline-block; |
|
1167 padding:0; |
|
1168 } |
|
1169 |
|
1170 .fields-controls__featured-image-title{ |
|
1171 color:#1e1e1e; |
|
1172 overflow:hidden; |
|
1173 text-overflow:ellipsis; |
|
1174 white-space:nowrap; |
|
1175 width:100%; |
|
1176 } |
|
1177 |
|
1178 .fields-controls__featured-image-image{ |
|
1179 align-self:center; |
|
1180 border-radius:2px; |
|
1181 height:100%; |
|
1182 width:100%; |
|
1183 } |
|
1184 |
|
1185 .fields-controls__featured-image-container .fields-controls__featured-image-placeholder{ |
|
1186 margin:0; |
|
1187 } |
|
1188 .fields-controls__featured-image-container span{ |
|
796 margin-left:auto; |
1189 margin-left:auto; |
797 margin-right:auto; |
1190 } |
798 position:sticky; |
1191 |
799 width:-moz-fit-content; |
1192 fieldset.fields-controls__featured-image .fields-controls__featured-image-container{ |
800 width:fit-content; |
1193 border:1px solid #ddd; |
801 z-index:2; |
1194 border-radius:2px; |
802 } |
1195 cursor:pointer; |
803 .dataviews-bulk-actions .components-accessible-toolbar{ |
1196 padding:8px 12px; |
804 border-color:#ddd; |
1197 } |
805 box-shadow:0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a; |
1198 fieldset.fields-controls__featured-image .fields-controls__featured-image-container:hover{ |
806 } |
1199 background-color:#f0f0f0; |
807 .dataviews-bulk-actions .components-accessible-toolbar .components-toolbar-group{ |
1200 } |
808 border-color:#e0e0e0; |
1201 fieldset.fields-controls__featured-image .fields-controls__featured-image-placeholder{ |
809 } |
1202 height:24px; |
810 .dataviews-bulk-actions .components-accessible-toolbar .components-toolbar-group:last-child{ |
1203 width:24px; |
1204 } |
|
1205 fieldset.fields-controls__featured-image span{ |
|
1206 align-self:center; |
|
1207 text-align:start; |
|
1208 white-space:nowrap; |
|
1209 } |
|
1210 fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button{ |
|
1211 height:fit-content; |
|
1212 padding:0; |
|
1213 } |
|
1214 fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button:focus,fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button:hover{ |
|
811 border:0; |
1215 border:0; |
812 } |
1216 color:unset; |
813 .dataviews-bulk-actions .dataviews-bulk-actions__selection-count{ |
1217 } |
814 align-items:center; |
1218 fieldset.fields-controls__featured-image .fields-controls__featured-image-remove-button{ |
815 display:flex; |
1219 place-self:end; |
816 margin:0 8px; |
1220 } |
1221 .dataforms-layouts-panel__field-control .fields-controls__featured-image-image,.dataforms-layouts-panel__field-control .fields-controls__featured-image-placeholder{ |
|
1222 height:16px; |
|
1223 width:16px; |
|
1224 } |
|
1225 |
|
1226 .dataviews-view-table__cell-content-wrapper .fields-controls__featured-image-image,.dataviews-view-table__cell-content-wrapper .fields-controls__featured-image-placeholder{ |
|
1227 display:block; |
|
1228 height:32px; |
|
1229 width:32px; |
|
1230 } |
|
1231 |
|
1232 .fields-controls__template-modal{ |
|
1233 z-index:1000001; |
|
1234 } |
|
1235 |
|
1236 .fields-controls__template-content .block-editor-block-patterns-list{ |
|
1237 column-count:2; |
|
1238 column-gap:24px; |
|
1239 padding-top:2px; |
|
1240 } |
|
1241 @media (min-width:782px){ |
|
1242 .fields-controls__template-content .block-editor-block-patterns-list{ |
|
1243 column-count:3; |
|
1244 } |
|
1245 } |
|
1246 @media (min-width:1280px){ |
|
1247 .fields-controls__template-content .block-editor-block-patterns-list{ |
|
1248 column-count:4; |
|
1249 } |
|
1250 } |
|
1251 .fields-controls__template-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ |
|
1252 break-inside:avoid-column; |
|
1253 } |
|
1254 |
|
1255 .fields-field__title span:first-child{ |
|
1256 display:block; |
|
1257 flex-grow:0; |
|
1258 overflow:hidden; |
|
1259 text-decoration:none; |
|
1260 text-overflow:ellipsis; |
|
1261 white-space:nowrap; |
|
1262 } |
|
1263 |
|
1264 .fields-field__pattern-title span:first-child{ |
|
1265 flex:1; |
|
817 } |
1266 } |
818 |
1267 |
819 .edit-site-custom-template-modal__contents-wrapper{ |
1268 .edit-site-custom-template-modal__contents-wrapper{ |
820 height:100%; |
1269 height:100%; |
821 justify-content:flex-start !important; |
1270 justify-content:flex-start !important; |
889 } |
1338 } |
890 .edit-site-custom-generic-template__modal .components-modal__content:before{ |
1339 .edit-site-custom-generic-template__modal .components-modal__content:before{ |
891 margin-bottom:4px; |
1340 margin-bottom:4px; |
892 } |
1341 } |
893 |
1342 |
894 .edit-site-add-new-template__modal{ |
|
895 margin-top:64px; |
|
896 max-height:calc(100% - 128px); |
|
897 max-width:832px; |
|
898 width:calc(100% - 64px); |
|
899 } |
|
900 @media (min-width:960px){ |
1343 @media (min-width:960px){ |
901 .edit-site-add-new-template__modal{ |
1344 .edit-site-add-new-template__modal{ |
1345 margin-top:64px; |
|
1346 max-height:calc(100% - 128px); |
|
1347 max-width:832px; |
|
902 width:calc(100% - 128px); |
1348 width:calc(100% - 128px); |
903 } |
1349 } |
904 } |
1350 } |
905 .edit-site-add-new-template__modal .edit-site-add-new-template__custom-template-button svg,.edit-site-add-new-template__modal .edit-site-add-new-template__template-button svg{ |
1351 .edit-site-add-new-template__modal .edit-site-add-new-template__custom-template-button svg,.edit-site-add-new-template__modal .edit-site-add-new-template__template-button svg{ |
906 fill:var(--wp-admin-theme-color); |
1352 fill:var(--wp-admin-theme-color); |
917 padding:8px; |
1363 padding:8px; |
918 } |
1364 } |
919 |
1365 |
920 .edit-site-add-new-template__template-list__contents>.components-button,.edit-site-custom-template-modal__contents>.components-button{ |
1366 .edit-site-add-new-template__template-list__contents>.components-button,.edit-site-custom-template-modal__contents>.components-button{ |
921 border:1px solid #ddd; |
1367 border:1px solid #ddd; |
922 border-radius:2px; |
|
923 display:flex; |
1368 display:flex; |
924 flex-direction:column; |
1369 flex-direction:column; |
925 justify-content:center; |
1370 justify-content:center; |
926 outline:1px solid #0000; |
1371 outline:1px solid #0000; |
927 padding:32px; |
1372 padding:32px; |
947 } |
1392 } |
948 .edit-site-add-new-template__template-list__contents>.components-button:focus span:first-child,.edit-site-custom-template-modal__contents>.components-button:focus span:first-child{ |
1393 .edit-site-add-new-template__template-list__contents>.components-button:focus span:first-child,.edit-site-custom-template-modal__contents>.components-button:focus span:first-child{ |
949 color:var(--wp-admin-theme-color); |
1394 color:var(--wp-admin-theme-color); |
950 } |
1395 } |
951 .edit-site-add-new-template__template-list__contents .edit-site-add-new-template__custom-template-button,.edit-site-add-new-template__template-list__contents .edit-site-add-new-template__template-list__prompt,.edit-site-custom-template-modal__contents .edit-site-add-new-template__custom-template-button,.edit-site-custom-template-modal__contents .edit-site-add-new-template__template-list__prompt{ |
1396 .edit-site-add-new-template__template-list__contents .edit-site-add-new-template__custom-template-button,.edit-site-add-new-template__template-list__contents .edit-site-add-new-template__template-list__prompt,.edit-site-custom-template-modal__contents .edit-site-add-new-template__custom-template-button,.edit-site-custom-template-modal__contents .edit-site-add-new-template__template-list__prompt{ |
952 grid-column-end:4; |
1397 grid-column:1 / -1; |
953 grid-column-start:1; |
|
954 } |
1398 } |
955 |
1399 |
956 .edit-site-add-new-template__template-list__contents>.components-button{ |
1400 .edit-site-add-new-template__template-list__contents>.components-button{ |
957 align-items:flex-start; |
1401 align-items:flex-start; |
958 height:100%; |
1402 height:100%; |
964 outline-offset:calc(var(--wp-admin-border-width-focus)*-2); |
1408 outline-offset:calc(var(--wp-admin-border-width-focus)*-2); |
965 } |
1409 } |
966 |
1410 |
967 .edit-site-canvas-loader{ |
1411 .edit-site-canvas-loader{ |
968 align-items:center; |
1412 align-items:center; |
969 animation:edit-site-canvas-loader__fade-in-animation .5s ease .2s; |
|
970 animation-fill-mode:forwards; |
|
971 display:flex; |
1413 display:flex; |
972 height:100%; |
1414 height:100%; |
973 justify-content:center; |
1415 justify-content:center; |
974 opacity:0; |
1416 opacity:0; |
975 position:absolute; |
1417 position:absolute; |
976 right:0; |
1418 right:0; |
977 top:0; |
1419 top:0; |
978 width:100%; |
1420 width:100%; |
979 } |
1421 } |
980 @media (prefers-reduced-motion:reduce){ |
1422 @media not (prefers-reduced-motion){ |
981 .edit-site-canvas-loader{ |
1423 .edit-site-canvas-loader{ |
982 animation-delay:0s; |
1424 animation:edit-site-canvas-loader__fade-in-animation .5s ease .2s; |
983 animation-duration:1ms; |
1425 animation-fill-mode:forwards; |
984 } |
1426 } |
985 } |
1427 } |
986 .edit-site-canvas-loader>div{ |
1428 .edit-site-canvas-loader>div{ |
987 width:160px; |
1429 width:160px; |
988 } |
1430 } |
1001 display:flex; |
1443 display:flex; |
1002 justify-content:center; |
1444 justify-content:center; |
1003 line-height:1; |
1445 line-height:1; |
1004 } |
1446 } |
1005 |
1447 |
1006 .edit-site-global-styles-preview__iframe{ |
1448 .edit-site-global-styles-preview__wrapper{ |
1007 display:block; |
1449 display:block; |
1008 max-width:100%; |
1450 max-width:100%; |
1009 width:100%; |
1451 width:100%; |
1010 } |
1452 } |
1011 |
1453 |
1018 margin-bottom:16px; |
1460 margin-bottom:16px; |
1019 min-height:100px; |
1461 min-height:100px; |
1020 overflow:hidden; |
1462 overflow:hidden; |
1021 } |
1463 } |
1022 |
1464 |
1023 .edit-site-typography-panel__full-width-control{ |
1465 .edit-site-font-size__item{ |
1024 grid-column:1 / -1; |
1466 line-break:anywhere; |
1025 max-width:100%; |
1467 overflow:hidden; |
1468 text-overflow:ellipsis; |
|
1469 white-space:nowrap; |
|
1470 } |
|
1471 |
|
1472 .edit-site-font-size__item-value{ |
|
1473 color:#757575; |
|
1026 } |
1474 } |
1027 |
1475 |
1028 .edit-site-global-styles-screen{ |
1476 .edit-site-global-styles-screen{ |
1029 margin:12px 16px 16px; |
1477 margin:12px 16px 16px; |
1030 } |
1478 } |
1031 |
1479 |
1032 .edit-site-global-styles-screen-typography__indicator{ |
1480 .edit-site-global-styles-screen-typography__indicator{ |
1033 align-items:center; |
1481 align-items:center; |
1034 border-radius:2px; |
1482 border-radius:1px; |
1035 display:flex !important; |
1483 display:flex !important; |
1036 font-size:14px; |
1484 font-size:14px; |
1037 height:24px; |
1485 height:24px; |
1038 justify-content:center; |
1486 justify-content:center; |
1039 width:24px; |
1487 width:24px; |
1041 |
1489 |
1042 .edit-site-global-styles-screen-typography__font-variants-count{ |
1490 .edit-site-global-styles-screen-typography__font-variants-count{ |
1043 color:#757575; |
1491 color:#757575; |
1044 } |
1492 } |
1045 |
1493 |
1046 .edit-site-global-styles-font-families__add-fonts{ |
1494 .edit-site-global-styles-font-families__manage-fonts{ |
1047 justify-content:center; |
1495 justify-content:center; |
1048 } |
1496 } |
1049 |
1497 |
1050 .edit-site-global-styles-screen .color-block-support-panel{ |
1498 .edit-site-global-styles-screen .color-block-support-panel{ |
1051 border-top:none; |
1499 border-top:none; |
1096 height:24px; |
1544 height:24px; |
1097 } |
1545 } |
1098 |
1546 |
1099 .edit-site-global-styles__block-preview-panel{ |
1547 .edit-site-global-styles__block-preview-panel{ |
1100 border:1px solid #e0e0e0; |
1548 border:1px solid #e0e0e0; |
1101 border-radius:2px; |
1549 border-radius:4px; |
1102 overflow:auto; |
1550 overflow:hidden; |
1103 position:relative; |
1551 position:relative; |
1104 width:100%; |
1552 width:100%; |
1105 } |
1553 } |
1106 |
1554 |
1107 .edit-site-global-styles__shadow-preview-panel{ |
1555 .edit-site-global-styles__shadow-preview-panel{ |
1108 background-image:repeating-linear-gradient(-45deg, #f5f5f5 25%, #0000 0, #0000 75%, #f5f5f5 0, #f5f5f5), repeating-linear-gradient(-45deg, #f5f5f5 25%, #0000 0, #0000 75%, #f5f5f5 0, #f5f5f5); |
1556 background-image:repeating-linear-gradient(-45deg, #f5f5f5 25%, #0000 0, #0000 75%, #f5f5f5 0, #f5f5f5), repeating-linear-gradient(-45deg, #f5f5f5 25%, #0000 0, #0000 75%, #f5f5f5 0, #f5f5f5); |
1109 background-position:100% 0, right 8px top 8px; |
1557 background-position:100% 0, right 8px top 8px; |
1110 background-size:16px 16px; |
1558 background-size:16px 16px; |
1111 border:1px solid #e0e0e0; |
1559 border:1px solid #e0e0e0; |
1112 border-radius:2px; |
1560 border-radius:4px; |
1113 height:150px; |
1561 height:144px; |
1114 overflow:auto; |
1562 overflow:auto; |
1115 } |
1563 } |
1116 .edit-site-global-styles__shadow-preview-panel .edit-site-global-styles__shadow-preview-block{ |
1564 .edit-site-global-styles__shadow-preview-panel .edit-site-global-styles__shadow-preview-block{ |
1117 background-color:#fff; |
1565 background-color:#fff; |
1118 border:1px solid #e0e0e0; |
1566 border:1px solid #e0e0e0; |
1119 border-radius:2px; |
1567 border-radius:2px; |
1120 height:60px; |
1568 height:60px; |
1121 width:60%; |
1569 width:60%; |
1122 } |
1570 } |
1123 |
1571 |
1572 .edit-site-global-styles__shadow-editor__dropdown-content{ |
|
1573 width:280px; |
|
1574 } |
|
1575 |
|
1124 .edit-site-global-styles__shadow-editor-panel{ |
1576 .edit-site-global-styles__shadow-editor-panel{ |
1125 margin-bottom:4px; |
1577 margin-bottom:4px; |
1126 padding:16px; |
|
1127 width:280px; |
|
1128 } |
|
1129 .edit-site-global-styles__shadow-editor-panel .edit-site-global-styles__shadow-editor-color-palette{ |
|
1130 margin-bottom:-4px; |
|
1131 } |
1578 } |
1132 |
1579 |
1133 .edit-site-global-styles__shadow-editor__dropdown{ |
1580 .edit-site-global-styles__shadow-editor__dropdown{ |
1134 width:100%; |
1581 position:relative; |
1135 } |
1582 width:100%; |
1136 .edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__dropdown-toggle,.edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__remove-button{ |
1583 } |
1584 |
|
1585 .edit-site-global-styles__shadow-editor__dropdown-toggle{ |
|
1137 border-radius:inherit; |
1586 border-radius:inherit; |
1138 height:auto; |
1587 height:auto; |
1139 padding-bottom:8px; |
1588 padding-bottom:8px; |
1140 padding-top:8px; |
1589 padding-top:8px; |
1141 text-align:right; |
1590 text-align:right; |
1142 width:100%; |
1591 width:100%; |
1143 } |
1592 } |
1144 .edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__dropdown-toggle.is-open,.edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__remove-button.is-open{ |
1593 .edit-site-global-styles__shadow-editor__dropdown-toggle.is-open{ |
1145 background:#f0f0f0; |
1594 background:#f0f0f0; |
1146 color:var(--wp-admin-theme-color); |
1595 color:var(--wp-admin-theme-color); |
1596 } |
|
1597 |
|
1598 .edit-site-global-styles__shadow-editor__remove-button{ |
|
1599 left:8px; |
|
1600 opacity:0; |
|
1601 position:absolute; |
|
1602 top:8px; |
|
1603 } |
|
1604 .edit-site-global-styles__shadow-editor__remove-button.edit-site-global-styles__shadow-editor__remove-button{ |
|
1605 border:none; |
|
1606 } |
|
1607 .edit-site-global-styles__shadow-editor__dropdown-toggle:hover+.edit-site-global-styles__shadow-editor__remove-button,.edit-site-global-styles__shadow-editor__remove-button:focus,.edit-site-global-styles__shadow-editor__remove-button:hover{ |
|
1608 opacity:1; |
|
1609 } |
|
1610 @media (hover:none){ |
|
1611 .edit-site-global-styles__shadow-editor__remove-button{ |
|
1612 opacity:1; |
|
1613 } |
|
1147 } |
1614 } |
1148 |
1615 |
1149 .edit-site-global-styles-screen-css{ |
1616 .edit-site-global-styles-screen-css{ |
1150 display:flex; |
1617 display:flex; |
1151 flex:1 1 auto; |
1618 flex:1 1 auto; |
1176 } |
1643 } |
1177 .edit-site-global-styles-screen-variations>*{ |
1644 .edit-site-global-styles-screen-variations>*{ |
1178 margin:24px 16px; |
1645 margin:24px 16px; |
1179 } |
1646 } |
1180 |
1647 |
1648 .edit-site-global-styles-sidebar__navigator-provider{ |
|
1649 height:100%; |
|
1650 } |
|
1651 |
|
1181 .edit-site-global-styles-sidebar__navigator-screen{ |
1652 .edit-site-global-styles-sidebar__navigator-screen{ |
1182 display:flex; |
1653 display:flex; |
1183 flex-direction:column; |
1654 flex-direction:column; |
1655 height:100%; |
|
1656 } |
|
1657 |
|
1658 .edit-site-global-styles-sidebar__navigator-screen .single-column{ |
|
1659 grid-column:span 1; |
|
1184 } |
1660 } |
1185 |
1661 |
1186 .edit-site-global-styles-screen-root.edit-site-global-styles-screen-root,.edit-site-global-styles-screen-style-variations.edit-site-global-styles-screen-style-variations{ |
1662 .edit-site-global-styles-screen-root.edit-site-global-styles-screen-root,.edit-site-global-styles-screen-style-variations.edit-site-global-styles-screen-style-variations{ |
1187 background:unset; |
1663 background:unset; |
1188 color:inherit; |
1664 color:inherit; |
1189 } |
1665 } |
1190 |
1666 |
1191 .edit-site-global-styles-sidebar__panel .block-editor-block-icon svg{ |
1667 .edit-site-global-styles-sidebar__panel .block-editor-block-icon svg{ |
1192 fill:currentColor; |
1668 fill:currentColor; |
1669 } |
|
1670 |
|
1671 .edit-site-global-styles-screen-root__active-style-tile.edit-site-global-styles-screen-root__active-style-tile,.edit-site-global-styles-screen-root__active-style-tile.edit-site-global-styles-screen-root__active-style-tile .edit-site-global-styles-screen-root__active-style-tile-preview{ |
|
1672 border-radius:2px; |
|
1193 } |
1673 } |
1194 |
1674 |
1195 .edit-site-global-styles-screen-revisions__revisions-list{ |
1675 .edit-site-global-styles-screen-revisions__revisions-list{ |
1196 flex-grow:1; |
1676 flex-grow:1; |
1197 list-style:none; |
1677 list-style:none; |
1204 .edit-site-global-styles-screen-revisions__revision-item{ |
1684 .edit-site-global-styles-screen-revisions__revision-item{ |
1205 cursor:pointer; |
1685 cursor:pointer; |
1206 display:flex; |
1686 display:flex; |
1207 flex-direction:column; |
1687 flex-direction:column; |
1208 position:relative; |
1688 position:relative; |
1689 } |
|
1690 .edit-site-global-styles-screen-revisions__revision-item[role=option]:active,.edit-site-global-styles-screen-revisions__revision-item[role=option]:focus{ |
|
1691 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
1692 outline:2px solid #0000; |
|
1209 } |
1693 } |
1210 .edit-site-global-styles-screen-revisions__revision-item:hover{ |
1694 .edit-site-global-styles-screen-revisions__revision-item:hover{ |
1211 background:rgba(var(--wp-admin-theme-color--rgb), .04); |
1695 background:rgba(var(--wp-admin-theme-color--rgb), .04); |
1212 } |
1696 } |
1213 .edit-site-global-styles-screen-revisions__revision-item:hover .edit-site-global-styles-screen-revisions__date{ |
1697 .edit-site-global-styles-screen-revisions__revision-item:hover .edit-site-global-styles-screen-revisions__date{ |
1227 top:18px; |
1711 top:18px; |
1228 transform:translate(50%, -50%); |
1712 transform:translate(50%, -50%); |
1229 width:8px; |
1713 width:8px; |
1230 z-index:1; |
1714 z-index:1; |
1231 } |
1715 } |
1232 .edit-site-global-styles-screen-revisions__revision-item.is-selected{ |
1716 .edit-site-global-styles-screen-revisions__revision-item[aria-selected=true]{ |
1233 background:rgba(var(--wp-admin-theme-color--rgb), .04); |
1717 background:rgba(var(--wp-admin-theme-color--rgb), .04); |
1234 border-radius:2px; |
1718 border-radius:2px; |
1235 color:var(--wp-admin-theme-color); |
1719 color:var(--wp-admin-theme-color); |
1236 outline:3px solid #0000; |
1720 outline:3px solid #0000; |
1237 outline-offset:-2px; |
1721 outline-offset:-2px; |
1238 } |
1722 } |
1239 .edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__revision-button{ |
1723 .edit-site-global-styles-screen-revisions__revision-item[aria-selected=true] .edit-site-global-styles-screen-revisions__date{ |
1240 opacity:1; |
|
1241 } |
|
1242 .edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__date{ |
|
1243 color:var(--wp-admin-theme-color); |
1724 color:var(--wp-admin-theme-color); |
1244 } |
1725 } |
1245 .edit-site-global-styles-screen-revisions__revision-item.is-selected:before{ |
1726 .edit-site-global-styles-screen-revisions__revision-item[aria-selected=true]:before{ |
1246 background:var(--wp-admin-theme-color); |
1727 background:var(--wp-admin-theme-color); |
1247 } |
1728 } |
1248 .edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__applied-text,.edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__changes>li,.edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__meta{ |
1729 .edit-site-global-styles-screen-revisions__revision-item[aria-selected=true] .edit-site-global-styles-screen-revisions__applied-text,.edit-site-global-styles-screen-revisions__revision-item[aria-selected=true] .edit-site-global-styles-screen-revisions__changes>li,.edit-site-global-styles-screen-revisions__revision-item[aria-selected=true] .edit-site-global-styles-screen-revisions__meta{ |
1249 color:#1e1e1e; |
1730 color:#1e1e1e; |
1250 } |
1731 } |
1251 .edit-site-global-styles-screen-revisions__revision-item:after{ |
1732 .edit-site-global-styles-screen-revisions__revision-item:after{ |
1252 border:.5px solid #ddd; |
1733 border:.5px solid #ddd; |
1253 height:100%; |
1734 height:100%; |
1259 top:18px; |
1740 top:18px; |
1260 } |
1741 } |
1261 .edit-site-global-styles-screen-revisions__revision-item:last-child:after{ |
1742 .edit-site-global-styles-screen-revisions__revision-item:last-child:after{ |
1262 height:18px; |
1743 height:18px; |
1263 } |
1744 } |
1264 .edit-site-global-styles-screen-revisions__revision-item .edit-site-global-styles-screen-revisions__revision-button{ |
1745 |
1746 .edit-site-global-styles-screen-revisions__revision-item-wrapper{ |
|
1265 display:block; |
1747 display:block; |
1266 height:auto; |
|
1267 outline-offset:-2px; |
|
1268 padding:12px 40px 4px 12px; |
1748 padding:12px 40px 4px 12px; |
1269 position:relative; |
|
1270 width:100%; |
|
1271 z-index:1; |
|
1272 } |
1749 } |
1273 |
1750 |
1274 .edit-site-global-styles-screen-revisions__applied-text,.edit-site-global-styles-screen-revisions__apply-button.is-primary{ |
1751 .edit-site-global-styles-screen-revisions__applied-text,.edit-site-global-styles-screen-revisions__apply-button.is-primary{ |
1275 align-self:flex-start; |
1752 align-self:flex-start; |
1276 margin:4px 40px 12px 12px; |
1753 margin:4px 40px 12px 12px; |
1374 .edit-site-global-styles-sidebar{ |
1851 .edit-site-global-styles-sidebar{ |
1375 display:flex; |
1852 display:flex; |
1376 flex-direction:column; |
1853 flex-direction:column; |
1377 min-height:100%; |
1854 min-height:100%; |
1378 } |
1855 } |
1379 .edit-site-global-styles-sidebar__navigator-provider,.edit-site-global-styles-sidebar__panel{ |
1856 .edit-site-global-styles-sidebar__panel{ |
1380 display:flex; |
|
1381 flex:1; |
|
1382 flex-direction:column; |
|
1383 } |
|
1384 .edit-site-global-styles-sidebar__navigator-screen{ |
|
1385 flex:1; |
1857 flex:1; |
1386 } |
1858 } |
1387 |
1859 |
1388 .edit-site-global-styles-sidebar .edit-site-global-styles-sidebar__header-title{ |
1860 .edit-site-global-styles-sidebar .edit-site-global-styles-sidebar__header-title{ |
1389 margin:0; |
1861 margin:0; |
1862 } |
|
1863 |
|
1864 .edit-site-global-styles-sidebar .edit-site-global-styles-sidebar__header-actions{ |
|
1865 flex:1; |
|
1390 } |
1866 } |
1391 |
1867 |
1392 .edit-site-global-styles-sidebar .components-navigation__menu-title-heading{ |
1868 .edit-site-global-styles-sidebar .components-navigation__menu-title-heading{ |
1393 font-size:15.6px; |
1869 font-size:15.6px; |
1394 font-weight:500; |
1870 font-weight:500; |
1396 |
1872 |
1397 .edit-site-global-styles-sidebar .components-navigation__item>button span{ |
1873 .edit-site-global-styles-sidebar .components-navigation__item>button span{ |
1398 font-weight:500; |
1874 font-weight:500; |
1399 } |
1875 } |
1400 |
1876 |
1401 .edit-site-global-styles-sidebar .block-editor-panel-color-gradient-settings,.edit-site-typography-panel{ |
1877 .edit-site-global-styles-sidebar .block-editor-panel-color-gradient-settings{ |
1402 border:0; |
1878 border:0; |
1403 } |
1879 } |
1404 |
1880 |
1405 .edit-site-global-styles-sidebar .single-column{ |
1881 .edit-site-global-styles-sidebar .single-column{ |
1406 grid-column:span 1; |
1882 grid-column:span 1; |
1425 |
1901 |
1426 .edit-site-global-styles-sidebar hr{ |
1902 .edit-site-global-styles-sidebar hr{ |
1427 margin:0; |
1903 margin:0; |
1428 } |
1904 } |
1429 |
1905 |
1906 .show-icon-labels .edit-site-global-styles-sidebar__header .components-button.has-icon{ |
|
1907 width:auto; |
|
1908 } |
|
1430 .show-icon-labels .edit-site-global-styles-sidebar__header .components-button.has-icon svg{ |
1909 .show-icon-labels .edit-site-global-styles-sidebar__header .components-button.has-icon svg{ |
1431 display:none; |
1910 display:none; |
1432 } |
1911 } |
1433 .show-icon-labels .edit-site-global-styles-sidebar__header .components-button.has-icon:after{ |
1912 .show-icon-labels .edit-site-global-styles-sidebar__header .components-button.has-icon:after{ |
1434 content:attr(aria-label); |
1913 content:attr(aria-label); |
1438 .edit-site-page{ |
1917 .edit-site-page{ |
1439 background:#fff; |
1918 background:#fff; |
1440 color:#2f2f2f; |
1919 color:#2f2f2f; |
1441 container:edit-site-page/inline-size; |
1920 container:edit-site-page/inline-size; |
1442 height:100%; |
1921 height:100%; |
1443 transition:width .2s ease-out; |
1922 } |
1444 } |
1923 @media not (prefers-reduced-motion){ |
1445 @media (prefers-reduced-motion:reduce){ |
|
1446 .edit-site-page{ |
1924 .edit-site-page{ |
1447 transition-delay:0s; |
1925 transition:width .2s ease-out; |
1448 transition-duration:0s; |
|
1449 } |
1926 } |
1450 } |
1927 } |
1451 |
1928 |
1452 .edit-site-page-header{ |
1929 .edit-site-page-header{ |
1453 background:#fff; |
1930 background:#fff; |
1454 border-bottom:1px solid #f0f0f0; |
1931 border-bottom:1px solid #f0f0f0; |
1455 padding:16px 48px; |
1932 padding:16px 48px; |
1456 position:sticky; |
1933 position:sticky; |
1457 top:0; |
1934 top:0; |
1458 transition:padding .1s ease-out; |
|
1459 z-index:2; |
1935 z-index:2; |
1460 } |
1936 } |
1461 @media (prefers-reduced-motion:reduce){ |
1937 @media not (prefers-reduced-motion){ |
1462 .edit-site-page-header{ |
1938 .edit-site-page-header{ |
1463 transition-delay:0s; |
1939 transition:padding .1s ease-out; |
1464 transition-duration:0s; |
|
1465 } |
1940 } |
1466 } |
1941 } |
1467 .edit-site-page-header .components-heading{ |
1942 .edit-site-page-header .components-heading{ |
1468 color:#1e1e1e; |
1943 color:#1e1e1e; |
1469 } |
1944 } |
1470 .edit-site-page-header .edit-site-page-header__page-title{ |
1945 .edit-site-page-header .edit-site-page-header__page-title{ |
1471 min-height:40px; |
1946 min-height:40px; |
1472 } |
1947 } |
1948 .edit-site-page-header .edit-site-page-header__page-title .components-heading{ |
|
1949 flex-basis:0; |
|
1950 flex-grow:1; |
|
1951 white-space:nowrap; |
|
1952 } |
|
1473 .edit-site-page-header .edit-site-page-header__sub-title{ |
1953 .edit-site-page-header .edit-site-page-header__sub-title{ |
1474 margin-bottom:8px; |
1954 margin-bottom:8px; |
1475 } |
1955 } |
1956 |
|
1476 @container (max-width: 430px){ |
1957 @container (max-width: 430px){ |
1477 .edit-site-page-header{ |
1958 .edit-site-page-header{ |
1478 padding:16px 24px; |
1959 padding:16px 24px; |
1479 } |
1960 } |
1480 } |
1961 } |
1484 height:100%; |
1965 height:100%; |
1485 position:relative; |
1966 position:relative; |
1486 z-index:1; |
1967 z-index:1; |
1487 } |
1968 } |
1488 |
1969 |
1489 .edit-site-page-pages__featured-image{ |
|
1490 height:100%; |
|
1491 object-fit:cover; |
|
1492 width:100%; |
|
1493 } |
|
1494 |
|
1495 .edit-site-page-pages__featured-image-wrapper{ |
|
1496 border-radius:4px; |
|
1497 height:100%; |
|
1498 width:100%; |
|
1499 } |
|
1500 .edit-site-page-pages__featured-image-wrapper.is-layout-table .page-pages-preview-field__button,.edit-site-page-pages__featured-image-wrapper.is-layout-table:not(:has(.page-pages-preview-field__button)){ |
|
1501 background-color:#f0f0f0; |
|
1502 border-radius:4px; |
|
1503 display:block; |
|
1504 flex-grow:0 !important; |
|
1505 height:32px; |
|
1506 overflow:hidden; |
|
1507 position:relative; |
|
1508 width:32px; |
|
1509 } |
|
1510 .edit-site-page-pages__featured-image-wrapper.is-layout-table .page-pages-preview-field__button:after,.edit-site-page-pages__featured-image-wrapper.is-layout-table:not(:has(.page-pages-preview-field__button)):after{ |
|
1511 border-radius:4px; |
|
1512 box-shadow:inset 0 0 0 1px #0000001a; |
|
1513 content:""; |
|
1514 height:100%; |
|
1515 position:absolute; |
|
1516 right:0; |
|
1517 top:0; |
|
1518 width:100%; |
|
1519 } |
|
1520 |
|
1521 .page-pages-preview-field__button{ |
|
1522 background-color:unset; |
|
1523 border:none; |
|
1524 border-radius:4px; |
|
1525 box-shadow:none; |
|
1526 box-sizing:border-box; |
|
1527 cursor:pointer; |
|
1528 height:100%; |
|
1529 overflow:hidden; |
|
1530 padding:0; |
|
1531 width:100%; |
|
1532 } |
|
1533 .page-pages-preview-field__button:focus-visible{ |
|
1534 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
1535 outline:2px solid #0000; |
|
1536 } |
|
1537 |
|
1538 .edit-site-page-pages-title span{ |
|
1539 overflow:hidden; |
|
1540 text-overflow:ellipsis; |
|
1541 } |
|
1542 |
|
1543 .edit-site-page-pages__title-badge{ |
|
1544 background:#f0f0f0; |
|
1545 border-radius:2px; |
|
1546 color:#757575; |
|
1547 flex-shrink:0; |
|
1548 font-size:12px; |
|
1549 font-weight:400; |
|
1550 padding:0 4px; |
|
1551 } |
|
1552 |
|
1553 .edit-site-patterns__section-header .screen-reader-shortcut:focus{ |
|
1554 top:0; |
|
1555 } |
|
1556 |
|
1557 .edit-site-patterns__pattern-title .is-link{ |
|
1558 color:#e0e0e0; |
|
1559 text-decoration:none; |
|
1560 } |
|
1561 .edit-site-patterns__pattern-title .is-link:focus,.edit-site-patterns__pattern-title .is-link:hover{ |
|
1562 color:#fff; |
|
1563 } |
|
1564 .edit-site-patterns__pattern-title .edit-site-patterns__pattern-icon{ |
|
1565 background:var(--wp-block-synced-color); |
|
1566 border-radius:4px; |
|
1567 fill:#fff; |
|
1568 } |
|
1569 .edit-site-patterns__pattern-title .edit-site-patterns__pattern-lock-icon{ |
|
1570 fill:currentcolor; |
|
1571 } |
|
1572 |
|
1573 .edit-site-patterns__delete-modal{ |
1970 .edit-site-patterns__delete-modal{ |
1574 width:384px; |
1971 width:384px; |
1575 } |
1972 } |
1576 |
1973 |
1577 .edit-site-page-patterns-dataviews .page-patterns-preview-field{ |
1974 .page-patterns-preview-field{ |
1975 align-items:center; |
|
1976 border-radius:4px; |
|
1578 display:flex; |
1977 display:flex; |
1579 flex-direction:column; |
1978 flex-direction:column; |
1580 height:100%; |
1979 height:100%; |
1581 } |
1980 justify-content:center; |
1582 .edit-site-page-patterns-dataviews .page-patterns-preview-field.is-viewtype-table{ |
1981 } |
1583 border-radius:2px; |
1982 .dataviews-view-grid .page-patterns-preview-field .block-editor-block-preview__container{ |
1983 height:100%; |
|
1984 } |
|
1985 .dataviews-view-table .page-patterns-preview-field{ |
|
1584 flex-grow:0; |
1986 flex-grow:0; |
1987 text-wrap:balance; |
|
1988 text-wrap:pretty; |
|
1585 width:96px; |
1989 width:96px; |
1586 } |
1990 } |
1587 .edit-site-page-patterns-dataviews .page-patterns-preview-field.is-viewtype-table .page-patterns-preview-field__button{ |
1991 |
1588 border-radius:2px; |
1992 .edit-site-patterns__pattern-icon{ |
1589 } |
|
1590 .edit-site-page-patterns-dataviews .page-patterns-preview-field .page-patterns-preview-field__button{ |
|
1591 background-color:unset; |
|
1592 border:none; |
|
1593 border-radius:4px; |
|
1594 box-shadow:none; |
|
1595 box-sizing:border-box; |
|
1596 cursor:pointer; |
|
1597 height:100%; |
|
1598 overflow:hidden; |
|
1599 padding:0; |
|
1600 } |
|
1601 .edit-site-page-patterns-dataviews .page-patterns-preview-field .page-patterns-preview-field__button:focus-visible{ |
|
1602 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
1603 outline:2px solid #0000; |
|
1604 } |
|
1605 .edit-site-page-patterns-dataviews .page-patterns-preview-field .page-patterns-preview-field__button[aria-disabled=true]{ |
|
1606 cursor:default; |
|
1607 } |
|
1608 .edit-site-page-patterns-dataviews .edit-site-patterns__pattern-icon{ |
|
1609 fill:var(--wp-block-synced-color); |
1993 fill:var(--wp-block-synced-color); |
1610 flex-shrink:0; |
1994 flex-shrink:0; |
1611 } |
1995 } |
1612 .edit-site-page-patterns-dataviews .edit-site-patterns__pattern-lock-icon{ |
1996 |
1613 min-width:min-content; |
1997 .edit-site-patterns__section-header{ |
1614 } |
|
1615 .edit-site-page-patterns-dataviews .edit-site-patterns__section-header{ |
|
1616 border-bottom:1px solid #f0f0f0; |
1998 border-bottom:1px solid #f0f0f0; |
1617 flex-shrink:0; |
1999 flex-shrink:0; |
1618 min-height:40px; |
2000 min-height:40px; |
1619 padding:16px 48px; |
2001 padding:16px 48px; |
1620 position:sticky; |
2002 position:sticky; |
1621 top:0; |
2003 top:0; |
1622 transition:padding .1s ease-out; |
|
1623 z-index:2; |
2004 z-index:2; |
1624 } |
2005 } |
1625 @media (prefers-reduced-motion:reduce){ |
2006 @media not (prefers-reduced-motion){ |
1626 .edit-site-page-patterns-dataviews .edit-site-patterns__section-header{ |
2007 .edit-site-patterns__section-header{ |
1627 transition-delay:0s; |
2008 transition:padding .1s ease-out; |
1628 transition-duration:0s; |
2009 } |
1629 } |
2010 } |
1630 } |
2011 .edit-site-patterns__section-header .edit-site-patterns__title{ |
1631 .edit-site-page-patterns-dataviews .edit-site-patterns__section-header .edit-site-patterns__title{ |
|
1632 min-height:40px; |
2012 min-height:40px; |
1633 } |
2013 } |
1634 .edit-site-page-patterns-dataviews .edit-site-patterns__section-header .edit-site-patterns__sub-title{ |
2014 .edit-site-patterns__section-header .edit-site-patterns__title .components-heading{ |
2015 flex-basis:0; |
|
2016 flex-grow:1; |
|
2017 white-space:nowrap; |
|
2018 } |
|
2019 .edit-site-patterns__section-header .edit-site-patterns__sub-title{ |
|
1635 margin-bottom:8px; |
2020 margin-bottom:8px; |
1636 } |
2021 } |
1637 .edit-site-page-patterns-dataviews .edit-site-patterns__pattern-title{ |
2022 .edit-site-patterns__section-header .screen-reader-shortcut:focus{ |
1638 color:inherit; |
2023 top:0; |
1639 display:block; |
2024 } |
1640 overflow:hidden; |
2025 |
1641 text-overflow:ellipsis; |
|
1642 white-space:nowrap; |
|
1643 width:100%; |
|
1644 } |
|
1645 .edit-site-page-patterns-dataviews .dataviews-pagination{ |
|
1646 z-index:2; |
|
1647 } |
|
1648 .edit-site-page-patterns-dataviews .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value:has(.edit-site-patterns__field-sync-status-fully){ |
2026 .edit-site-page-patterns-dataviews .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value:has(.edit-site-patterns__field-sync-status-fully){ |
1649 background:rgba(var(--wp-block-synced-color--rgb), .04); |
2027 background:rgba(var(--wp-block-synced-color--rgb), .04); |
1650 color:var(--wp-block-synced-color); |
2028 color:var(--wp-block-synced-color); |
1651 } |
2029 } |
1652 |
2030 |
1674 @media (min-width:600px){ |
2052 @media (min-width:600px){ |
1675 .dataviews-action-modal__duplicate-template-part .components-modal__frame{ |
2053 .dataviews-action-modal__duplicate-template-part .components-modal__frame{ |
1676 max-width:500px; |
2054 max-width:500px; |
1677 } |
2055 } |
1678 } |
2056 } |
2057 |
|
1679 @container (max-width: 430px){ |
2058 @container (max-width: 430px){ |
1680 .edit-site-page-patterns-dataviews .edit-site-patterns__section-header{ |
2059 .edit-site-page-patterns-dataviews .edit-site-patterns__section-header{ |
1681 padding-left:24px; |
2060 padding-left:24px; |
1682 padding-right:24px; |
2061 padding-right:24px; |
1683 } |
2062 } |
1684 } |
2063 } |
1685 .page-templates-preview-field{ |
2064 .page-templates-preview-field{ |
2065 align-items:center; |
|
2066 border-radius:4px; |
|
1686 display:flex; |
2067 display:flex; |
1687 flex-direction:column; |
2068 flex-direction:column; |
1688 height:100%; |
2069 height:100%; |
1689 } |
2070 justify-content:center; |
1690 .page-templates-preview-field .page-templates-preview-field__button{ |
2071 width:100%; |
1691 background-color:unset; |
2072 } |
1692 border:none; |
2073 .dataviews-view-list .page-templates-preview-field .block-editor-block-preview__container{ |
2074 height:120px; |
|
2075 } |
|
2076 .dataviews-view-grid .page-templates-preview-field .block-editor-block-preview__container{ |
|
2077 height:100%; |
|
2078 } |
|
2079 .dataviews-view-table .page-templates-preview-field{ |
|
2080 max-height:160px; |
|
2081 position:relative; |
|
2082 text-wrap:balance; |
|
2083 text-wrap:pretty; |
|
2084 width:120px; |
|
2085 } |
|
2086 .dataviews-view-table .page-templates-preview-field:after{ |
|
1693 border-radius:4px; |
2087 border-radius:4px; |
1694 box-shadow:none; |
|
1695 box-sizing:border-box; |
|
1696 cursor:pointer; |
|
1697 height:100%; |
|
1698 overflow:hidden; |
|
1699 padding:0; |
|
1700 } |
|
1701 .page-templates-preview-field .page-templates-preview-field__button:focus-visible{ |
|
1702 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
1703 outline:2px solid #0000; |
|
1704 } |
|
1705 .page-templates-preview-field.is-viewtype-list .block-editor-block-preview__container{ |
|
1706 height:120px; |
|
1707 } |
|
1708 .page-templates-preview-field.is-viewtype-grid .block-editor-block-preview__container{ |
|
1709 height:100%; |
|
1710 } |
|
1711 .page-templates-preview-field.is-viewtype-table{ |
|
1712 border-radius:2px; |
|
1713 position:relative; |
|
1714 } |
|
1715 .page-templates-preview-field.is-viewtype-table:after{ |
|
1716 border-radius:2px; |
|
1717 box-shadow:inset 0 0 0 1px #0000001a; |
2088 box-shadow:inset 0 0 0 1px #0000001a; |
1718 content:""; |
2089 content:""; |
1719 height:100%; |
2090 height:100%; |
1720 position:absolute; |
2091 position:absolute; |
1721 right:0; |
2092 right:0; |
1722 top:0; |
2093 top:0; |
1723 width:100%; |
2094 width:100%; |
1724 } |
2095 } |
1725 |
2096 |
1726 .page-templates-description{ |
2097 .page-templates-description{ |
1727 white-space:normal; |
2098 max-width:50em; |
2099 text-wrap:balance; |
|
2100 text-wrap:pretty; |
|
2101 } |
|
2102 .dataviews-view-table .page-templates-description{ |
|
2103 display:block; |
|
2104 margin-bottom:8px; |
|
1728 } |
2105 } |
1729 |
2106 |
1730 .edit-site-page-templates .dataviews-pagination{ |
2107 .edit-site-page-templates .dataviews-pagination{ |
1731 z-index:2; |
2108 z-index:2; |
1732 } |
2109 } |
1734 .page-templates-author-field__avatar{ |
2111 .page-templates-author-field__avatar{ |
1735 align-items:center; |
2112 align-items:center; |
1736 display:flex; |
2113 display:flex; |
1737 flex-shrink:0; |
2114 flex-shrink:0; |
1738 height:24px; |
2115 height:24px; |
1739 justify-content:center; |
2116 justify-content:right; |
1740 overflow:hidden; |
2117 overflow:hidden; |
1741 width:24px; |
2118 width:24px; |
1742 } |
2119 } |
1743 .page-templates-author-field__avatar img{ |
2120 .page-templates-author-field__avatar img{ |
1744 border-radius:100%; |
2121 border-radius:100%; |
1745 height:20px; |
2122 height:16px; |
1746 object-fit:cover; |
2123 object-fit:cover; |
1747 opacity:0; |
2124 opacity:0; |
1748 transition:opacity .1s linear; |
2125 width:16px; |
1749 width:20px; |
2126 } |
1750 } |
2127 @media not (prefers-reduced-motion){ |
1751 @media (prefers-reduced-motion:reduce){ |
|
1752 .page-templates-author-field__avatar img{ |
2128 .page-templates-author-field__avatar img{ |
1753 transition-delay:0s; |
2129 transition:opacity .1s linear; |
1754 transition-duration:0s; |
|
1755 } |
2130 } |
1756 } |
2131 } |
1757 .page-templates-author-field__avatar.is-loaded img{ |
2132 .page-templates-author-field__avatar.is-loaded img{ |
1758 opacity:1; |
2133 opacity:1; |
1759 } |
2134 } |
1763 flex-shrink:0; |
2138 flex-shrink:0; |
1764 height:24px; |
2139 height:24px; |
1765 width:24px; |
2140 width:24px; |
1766 } |
2141 } |
1767 .page-templates-author-field__icon svg{ |
2142 .page-templates-author-field__icon svg{ |
2143 margin-right:-4px; |
|
1768 fill:currentColor; |
2144 fill:currentColor; |
1769 } |
2145 } |
1770 |
2146 |
1771 .page-templates-author-field__name{ |
2147 .page-templates-author-field__name{ |
1772 overflow:hidden; |
2148 overflow:hidden; |
1780 .edit-site-list__rename-modal .components-base-control{ |
2156 .edit-site-list__rename-modal .components-base-control{ |
1781 width:320px; |
2157 width:320px; |
1782 } |
2158 } |
1783 } |
2159 } |
1784 |
2160 |
1785 .edit-site-table-wrapper{ |
|
1786 padding:32px; |
|
1787 width:100%; |
|
1788 } |
|
1789 |
|
1790 .edit-site-table{ |
|
1791 border-collapse:collapse; |
|
1792 border-color:inherit; |
|
1793 position:relative; |
|
1794 text-indent:0; |
|
1795 width:100%; |
|
1796 } |
|
1797 .edit-site-table a{ |
|
1798 text-decoration:none; |
|
1799 } |
|
1800 .edit-site-table th{ |
|
1801 color:#757575; |
|
1802 font-weight:400; |
|
1803 padding:0 16px 16px; |
|
1804 text-align:right; |
|
1805 } |
|
1806 .edit-site-table td{ |
|
1807 padding:16px; |
|
1808 } |
|
1809 .edit-site-table td,.edit-site-table th{ |
|
1810 vertical-align:center; |
|
1811 } |
|
1812 .edit-site-table td:first-child,.edit-site-table th:first-child{ |
|
1813 padding-right:0; |
|
1814 } |
|
1815 .edit-site-table td:last-child,.edit-site-table th:last-child{ |
|
1816 padding-left:0; |
|
1817 text-align:left; |
|
1818 } |
|
1819 .edit-site-table tr{ |
|
1820 border-bottom:1px solid #f0f0f0; |
|
1821 } |
|
1822 |
|
1823 .edit-site-editor__editor-interface{ |
2161 .edit-site-editor__editor-interface{ |
1824 opacity:1; |
2162 opacity:1; |
1825 transition:opacity .1s ease-out; |
2163 } |
1826 } |
2164 @media not (prefers-reduced-motion){ |
1827 @media (prefers-reduced-motion:reduce){ |
|
1828 .edit-site-editor__editor-interface{ |
2165 .edit-site-editor__editor-interface{ |
1829 transition-delay:0s; |
2166 transition:opacity .1s ease-out; |
1830 transition-duration:0s; |
|
1831 } |
2167 } |
1832 } |
2168 } |
1833 .edit-site-editor__editor-interface.is-loading{ |
2169 .edit-site-editor__editor-interface.is-loading{ |
1834 opacity:0; |
2170 opacity:0; |
1835 } |
2171 } |
1840 box-sizing:border-box; |
2176 box-sizing:border-box; |
1841 display:flex; |
2177 display:flex; |
1842 justify-content:center; |
2178 justify-content:center; |
1843 padding:24px; |
2179 padding:24px; |
1844 width:280px; |
2180 width:280px; |
2181 } |
|
2182 |
|
2183 .edit-site-editor__view-mode-toggle{ |
|
2184 view-transition-name:toggle; |
|
2185 height:60px; |
|
2186 right:0; |
|
2187 top:0; |
|
2188 width:60px; |
|
2189 z-index:100; |
|
2190 } |
|
2191 .edit-site-editor__view-mode-toggle .components-button{ |
|
2192 align-items:center; |
|
2193 border-radius:0; |
|
2194 color:#fff; |
|
2195 display:flex; |
|
2196 height:100%; |
|
2197 justify-content:center; |
|
2198 overflow:hidden; |
|
2199 padding:0; |
|
2200 width:100%; |
|
2201 } |
|
2202 .edit-site-editor__view-mode-toggle .components-button:active,.edit-site-editor__view-mode-toggle .components-button:hover{ |
|
2203 color:#fff; |
|
2204 } |
|
2205 .edit-site-editor__view-mode-toggle .components-button:focus{ |
|
2206 box-shadow:none; |
|
2207 } |
|
2208 .edit-site-editor__view-mode-toggle .edit-site-editor__view-mode-toggle-icon img,.edit-site-editor__view-mode-toggle .edit-site-editor__view-mode-toggle-icon svg{ |
|
2209 background:#1e1e1e; |
|
2210 display:block; |
|
2211 } |
|
2212 |
|
2213 .edit-site-editor__back-icon{ |
|
2214 align-items:center; |
|
2215 background-color:#ccc; |
|
2216 display:flex; |
|
2217 height:60px; |
|
2218 justify-content:center; |
|
2219 pointer-events:none; |
|
2220 position:absolute; |
|
2221 right:0; |
|
2222 top:0; |
|
2223 width:60px; |
|
2224 } |
|
2225 .edit-site-editor__back-icon svg{ |
|
2226 fill:currentColor; |
|
2227 } |
|
2228 .edit-site-editor__back-icon.has-site-icon{ |
|
2229 -webkit-backdrop-filter:saturate(180%) blur(15px); |
|
2230 backdrop-filter:saturate(180%) blur(15px); |
|
2231 background-color:#fff9; |
|
1845 } |
2232 } |
1846 |
2233 |
1847 .edit-site-welcome-guide{ |
2234 .edit-site-welcome-guide{ |
1848 width:312px; |
2235 width:312px; |
1849 } |
2236 } |
1908 width:100vw; |
2295 width:100vw; |
1909 z-index:1; |
2296 z-index:1; |
1910 } |
2297 } |
1911 @media (min-width:782px){ |
2298 @media (min-width:782px){ |
1912 .edit-site-layout__sidebar-region{ |
2299 .edit-site-layout__sidebar-region{ |
1913 width:360px; |
2300 width:300px; |
1914 } |
2301 } |
1915 } |
2302 } |
1916 .edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region{ |
2303 .edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region{ |
1917 height:100vh; |
2304 height:100vh; |
1918 position:fixed !important; |
2305 position:fixed !important; |
1934 flex-grow:1; |
2321 flex-grow:1; |
1935 overflow:hidden; |
2322 overflow:hidden; |
1936 } |
2323 } |
1937 |
2324 |
1938 .edit-site-layout__mobile{ |
2325 .edit-site-layout__mobile{ |
2326 display:flex; |
|
2327 flex-direction:column; |
|
1939 position:relative; |
2328 position:relative; |
1940 width:100%; |
2329 width:100%; |
1941 z-index:2; |
2330 z-index:2; |
1942 } |
2331 } |
1943 .edit-site-layout__mobile .edit-site-sidebar__screen-wrapper{ |
2332 .edit-site-layout__mobile .edit-site-sidebar__screen-wrapper{ |
1944 padding:0; |
2333 padding:0; |
2334 } |
|
2335 .edit-site-layout__mobile .edit-site-sidebar-navigation-screen__main{ |
|
2336 padding:0 12px; |
|
1945 } |
2337 } |
1946 |
2338 |
1947 .edit-site-layout__canvas-container{ |
2339 .edit-site-layout__canvas-container{ |
1948 flex-grow:1; |
2340 flex-grow:1; |
1949 overflow:visible; |
2341 overflow:visible; |
1981 bottom:16px; |
2373 bottom:16px; |
1982 top:16px; |
2374 top:16px; |
1983 width:calc(100% - 16px); |
2375 width:calc(100% - 16px); |
1984 } |
2376 } |
1985 .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{ |
2377 .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{ |
1986 box-shadow:0 20px 25px -5px #000c,0 8px 10px -6px #000c; |
2378 box-shadow:0 1px 1px #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003; |
1987 overflow:hidden; |
2379 overflow:hidden; |
1988 transition:border-radius .4s; |
2380 } |
1989 } |
2381 } |
2382 @media (min-width:782px) and (not (prefers-reduced-motion)){ |
|
2383 .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{ |
|
2384 transition:border-radius,box-shadow .4s; |
|
2385 } |
|
2386 } |
|
2387 @media (min-width:782px){ |
|
1990 .edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{ |
2388 .edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{ |
1991 border-radius:8px; |
2389 border-radius:8px; |
2390 } |
|
2391 .edit-site-layout__canvas .edit-site-resizable-frame__inner-content:hover{ |
|
2392 box-shadow:0 5px 15px #00000014,0 15px 27px #00000012,0 30px 36px #0000000a,0 50px 43px #00000005; |
|
1992 } |
2393 } |
1993 } |
2394 } |
1994 .edit-site-layout.is-full-canvas .edit-site-layout__canvas{ |
2395 .edit-site-layout.is-full-canvas .edit-site-layout__canvas{ |
1995 bottom:0; |
2396 bottom:0; |
1996 top:0; |
2397 top:0; |
2005 .edit-site-template-pages-preview{ |
2406 .edit-site-template-pages-preview{ |
2006 height:100%; |
2407 height:100%; |
2007 } |
2408 } |
2008 html.canvas-mode-edit-transition::view-transition-group(toggle){ |
2409 html.canvas-mode-edit-transition::view-transition-group(toggle){ |
2009 animation-delay:255ms; |
2410 animation-delay:255ms; |
2411 } |
|
2412 |
|
2413 @media (prefers-reduced-motion){ |
|
2414 ::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){ |
|
2415 animation:none !important; |
|
2416 } |
|
2010 } |
2417 } |
2011 .edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region .edit-site-layout__view-mode-toggle{ |
2418 .edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region .edit-site-layout__view-mode-toggle{ |
2012 display:none; |
2419 display:none; |
2013 } |
2420 } |
2014 |
2421 |
2042 display:block; |
2449 display:block; |
2043 left:9px; |
2450 left:9px; |
2044 position:absolute; |
2451 position:absolute; |
2045 right:9px; |
2452 right:9px; |
2046 top:9px; |
2453 top:9px; |
2047 transition:box-shadow .1s ease; |
2454 } |
2048 } |
2455 @media not (prefers-reduced-motion){ |
2049 @media (prefers-reduced-motion:reduce){ |
|
2050 .edit-site-layout__view-mode-toggle.components-button:before{ |
2456 .edit-site-layout__view-mode-toggle.components-button:before{ |
2051 transition-delay:0s; |
2457 transition:box-shadow .1s ease; |
2052 transition-duration:0s; |
|
2053 } |
2458 } |
2054 } |
2459 } |
2055 .edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon{ |
2460 .edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon{ |
2056 align-items:center; |
2461 align-items:center; |
2057 display:flex; |
2462 display:flex; |
2058 height:64px; |
2463 height:60px; |
2059 justify-content:center; |
2464 justify-content:center; |
2060 width:64px; |
2465 width:60px; |
2061 } |
2466 } |
2062 |
2467 |
2063 .edit-site-layout__actions{ |
2468 .edit-site-layout__actions{ |
2064 background:#fff; |
2469 background:#fff; |
2065 bottom:auto; |
2470 bottom:auto; |
2083 border-right:1px solid #ddd; |
2488 border-right:1px solid #ddd; |
2084 } |
2489 } |
2085 } |
2490 } |
2086 |
2491 |
2087 .edit-site-layout__area{ |
2492 .edit-site-layout__area{ |
2493 box-shadow:0 1px 1px #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003; |
|
2088 flex-grow:1; |
2494 flex-grow:1; |
2089 margin:0; |
2495 margin:0; |
2090 overflow:hidden; |
2496 overflow:hidden; |
2091 } |
2497 } |
2092 @media (min-width:782px){ |
2498 @media (min-width:782px){ |
2102 padding-left:16px; |
2508 padding-left:16px; |
2103 padding-right:16px; |
2509 padding-right:16px; |
2104 position:fixed; |
2510 position:fixed; |
2105 } |
2511 } |
2106 |
2512 |
2107 .edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus,.edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus-visible{ |
|
2108 box-shadow:none; |
|
2109 outline:none; |
|
2110 outline-offset:0; |
|
2111 } |
|
2112 .edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus .edit-site-site-icon svg,.edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus-visible .edit-site-site-icon svg{ |
|
2113 border-radius:2px; |
|
2114 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #3858e9); |
|
2115 height:40px; |
|
2116 outline:3px solid #0000; |
|
2117 padding:2px; |
|
2118 width:40px; |
|
2119 } |
|
2120 |
|
2121 .edit-site-save-hub{ |
2513 .edit-site-save-hub{ |
2122 border-top:1px solid #2f2f2f; |
2514 border-top:1px solid #2f2f2f; |
2123 color:#949494; |
2515 color:#949494; |
2124 flex-shrink:0; |
2516 flex-shrink:0; |
2125 margin:0; |
2517 margin:0; |
2152 flex-grow:1; |
2544 flex-grow:1; |
2153 overflow-x:hidden; |
2545 overflow-x:hidden; |
2154 overflow-y:auto; |
2546 overflow-y:auto; |
2155 } |
2547 } |
2156 |
2548 |
2157 @keyframes slide-from-right{ |
2549 @keyframes _x51ri_slide-from-right{ |
2158 0%{ |
2550 0%{ |
2159 opacity:0; |
2551 opacity:0; |
2160 transform:translateX(-50px); |
2552 transform:translateX(-50px); |
2161 } |
2553 } |
2162 to{ |
2554 to{ |
2163 opacity:1; |
2555 opacity:1; |
2164 transform:none; |
2556 transform:none; |
2165 } |
2557 } |
2166 } |
2558 } |
2167 @keyframes slide-from-left{ |
2559 @keyframes _x51ri_slide-from-left{ |
2168 0%{ |
2560 0%{ |
2169 opacity:0; |
2561 opacity:0; |
2170 transform:translateX(50px); |
2562 transform:translateX(50px); |
2171 } |
2563 } |
2172 to{ |
2564 to{ |
2218 .edit-site-sidebar__screen-wrapper{ |
2610 .edit-site-sidebar__screen-wrapper{ |
2219 animation-duration:0s; |
2611 animation-duration:0s; |
2220 } |
2612 } |
2221 } |
2613 } |
2222 .edit-site-sidebar__screen-wrapper.slide-from-left{ |
2614 .edit-site-sidebar__screen-wrapper.slide-from-left{ |
2223 animation-name:slide-from-left; |
2615 animation-name:_x51ri_slide-from-left; |
2224 } |
2616 } |
2225 .edit-site-sidebar__screen-wrapper.slide-from-right{ |
2617 .edit-site-sidebar__screen-wrapper.slide-from-right{ |
2226 animation-name:slide-from-right; |
2618 animation-name:_x51ri_slide-from-right; |
2227 } |
2619 } |
2228 |
2620 |
2229 .edit-site-sidebar-button{ |
2621 .edit-site-sidebar-button{ |
2230 color:#e0e0e0; |
2622 color:#e0e0e0; |
2231 flex-shrink:0; |
2623 flex-shrink:0; |
2236 } |
2628 } |
2237 .edit-site-sidebar-button:focus-visible:not(:disabled){ |
2629 .edit-site-sidebar-button:focus-visible:not(:disabled){ |
2238 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
2630 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
2239 outline:3px solid #0000; |
2631 outline:3px solid #0000; |
2240 } |
2632 } |
2241 .edit-site-sidebar-button:focus,.edit-site-sidebar-button:focus-visible,.edit-site-sidebar-button:hover,.edit-site-sidebar-button:not([aria-disabled=true]):active,.edit-site-sidebar-button[aria-expanded=true]{ |
2633 .edit-site-sidebar-button:focus,.edit-site-sidebar-button:focus-visible,.edit-site-sidebar-button:hover:not(:disabled,[aria-disabled=true]),.edit-site-sidebar-button:not(:disabled,[aria-disabled=true]):active,.edit-site-sidebar-button[aria-expanded=true]{ |
2242 color:#f0f0f0; |
2634 color:#f0f0f0; |
2243 } |
2635 } |
2244 |
2636 |
2245 .edit-site-sidebar-navigation-item.components-item{ |
2637 .edit-site-sidebar-navigation-item.components-item{ |
2246 border:none; |
2638 border:none; |
2247 border-radius:2px; |
|
2248 color:#949494; |
2639 color:#949494; |
2249 min-height:40px; |
2640 min-height:40px; |
2250 padding:8px 16px 8px 6px; |
2641 padding:8px 16px 8px 6px; |
2251 } |
2642 } |
2252 .edit-site-sidebar-navigation-item.components-item:focus,.edit-site-sidebar-navigation-item.components-item:hover,.edit-site-sidebar-navigation-item.components-item[aria-current]{ |
2643 .edit-site-sidebar-navigation-item.components-item:focus,.edit-site-sidebar-navigation-item.components-item:hover,.edit-site-sidebar-navigation-item.components-item[aria-current=true]{ |
2644 color:#e0e0e0; |
|
2645 } |
|
2646 .edit-site-sidebar-navigation-item.components-item:focus .edit-site-sidebar-navigation-item__drilldown-indicator,.edit-site-sidebar-navigation-item.components-item:hover .edit-site-sidebar-navigation-item__drilldown-indicator,.edit-site-sidebar-navigation-item.components-item[aria-current=true] .edit-site-sidebar-navigation-item__drilldown-indicator{ |
|
2647 fill:#e0e0e0; |
|
2648 } |
|
2649 .edit-site-sidebar-navigation-item.components-item[aria-current=true]{ |
|
2253 background:#2f2f2f; |
2650 background:#2f2f2f; |
2254 color:#e0e0e0; |
|
2255 } |
|
2256 .edit-site-sidebar-navigation-item.components-item:focus .edit-site-sidebar-navigation-item__drilldown-indicator,.edit-site-sidebar-navigation-item.components-item:hover .edit-site-sidebar-navigation-item__drilldown-indicator,.edit-site-sidebar-navigation-item.components-item[aria-current] .edit-site-sidebar-navigation-item__drilldown-indicator{ |
|
2257 fill:#e0e0e0; |
|
2258 } |
|
2259 .edit-site-sidebar-navigation-item.components-item[aria-current]{ |
|
2260 background:var(--wp-admin-theme-color); |
|
2261 color:#fff; |
2651 color:#fff; |
2652 font-weight:500; |
|
2653 } |
|
2654 .edit-site-sidebar-navigation-item.components-item:focus-visible{ |
|
2655 transform:translateZ(0); |
|
2262 } |
2656 } |
2263 .edit-site-sidebar-navigation-item.components-item .edit-site-sidebar-navigation-item__drilldown-indicator{ |
2657 .edit-site-sidebar-navigation-item.components-item .edit-site-sidebar-navigation-item__drilldown-indicator{ |
2264 fill:#949494; |
2658 fill:#949494; |
2265 } |
2659 } |
2266 .edit-site-sidebar-navigation-item.components-item.with-suffix{ |
2660 .edit-site-sidebar-navigation-item.components-item.with-suffix{ |
2288 } |
2682 } |
2289 |
2683 |
2290 .edit-site-sidebar-navigation-screen__content{ |
2684 .edit-site-sidebar-navigation-screen__content{ |
2291 padding:0 16px; |
2685 padding:0 16px; |
2292 } |
2686 } |
2293 .edit-site-sidebar-navigation-screen__content .components-item-group{ |
|
2294 margin-left:-16px; |
|
2295 margin-right:-16px; |
|
2296 } |
|
2297 .edit-site-sidebar-navigation-screen__content .components-text{ |
2687 .edit-site-sidebar-navigation-screen__content .components-text{ |
2298 color:#ccc; |
2688 color:#ccc; |
2299 } |
2689 } |
2300 .edit-site-sidebar-navigation-screen__content .components-heading{ |
2690 .edit-site-sidebar-navigation-screen__content .components-heading{ |
2301 margin-bottom:8px; |
2691 margin-bottom:8px; |
2302 } |
|
2303 |
|
2304 .edit-site-sidebar-navigation-screen__meta{ |
|
2305 color:#ccc; |
|
2306 margin:0 16px 16px 0; |
|
2307 } |
|
2308 .edit-site-sidebar-navigation-screen__meta .components-text{ |
|
2309 color:#ccc; |
|
2310 } |
|
2311 |
|
2312 .edit-site-sidebar-navigation-screen__page-link{ |
|
2313 color:#949494; |
|
2314 display:inline-block; |
|
2315 word-break:break-word; |
|
2316 } |
|
2317 .edit-site-sidebar-navigation-screen__page-link:focus,.edit-site-sidebar-navigation-screen__page-link:hover{ |
|
2318 color:#fff; |
|
2319 } |
|
2320 .edit-site-sidebar-navigation-screen__page-link .components-external-link__icon{ |
|
2321 margin-right:4px; |
|
2322 } |
2692 } |
2323 |
2693 |
2324 .edit-site-sidebar-navigation-screen__title-icon{ |
2694 .edit-site-sidebar-navigation-screen__title-icon{ |
2325 background:#1e1e1e; |
2695 background:#1e1e1e; |
2326 margin-bottom:8px; |
2696 margin-bottom:8px; |
2332 } |
2702 } |
2333 |
2703 |
2334 .edit-site-sidebar-navigation-screen__title{ |
2704 .edit-site-sidebar-navigation-screen__title{ |
2335 flex-grow:1; |
2705 flex-grow:1; |
2336 overflow-wrap:break-word; |
2706 overflow-wrap:break-word; |
2337 padding:2px 0 0; |
2707 } |
2708 .edit-site-sidebar-navigation-screen__title.edit-site-sidebar-navigation-screen__title,.edit-site-sidebar-navigation-screen__title.edit-site-sidebar-navigation-screen__title .edit-site-sidebar-navigation-screen__title{ |
|
2709 line-height:32px; |
|
2338 } |
2710 } |
2339 |
2711 |
2340 .edit-site-sidebar-navigation-screen__actions{ |
2712 .edit-site-sidebar-navigation-screen__actions{ |
2341 display:flex; |
2713 display:flex; |
2342 flex-shrink:0; |
2714 flex-shrink:0; |
2372 background-color:#1e1e1e; |
2744 background-color:#1e1e1e; |
2373 border-top:1px solid #2f2f2f; |
2745 border-top:1px solid #2f2f2f; |
2374 bottom:0; |
2746 bottom:0; |
2375 gap:0; |
2747 gap:0; |
2376 margin:16px 0 0; |
2748 margin:16px 0 0; |
2377 padding:16px 0; |
2749 padding:8px 16px; |
2378 position:sticky; |
2750 position:sticky; |
2751 } |
|
2752 .edit-site-sidebar-navigation-screen__footer .edit-site-sidebar-navigation-screen-details-footer{ |
|
2753 margin-left:-16px; |
|
2754 margin-right:-16px; |
|
2379 } |
2755 } |
2380 .edit-site-sidebar-navigation-screen__input-control{ |
2756 .edit-site-sidebar-navigation-screen__input-control{ |
2381 width:100%; |
2757 width:100%; |
2382 } |
2758 } |
2383 .edit-site-sidebar-navigation-screen__input-control .components-input-control__container{ |
2759 .edit-site-sidebar-navigation-screen__input-control .components-input-control__container{ |
2386 .edit-site-sidebar-navigation-screen__input-control .components-input-control__container .components-button{ |
2762 .edit-site-sidebar-navigation-screen__input-control .components-input-control__container .components-button{ |
2387 color:#e0e0e0 !important; |
2763 color:#e0e0e0 !important; |
2388 } |
2764 } |
2389 .edit-site-sidebar-navigation-screen__input-control .components-input-control__input{ |
2765 .edit-site-sidebar-navigation-screen__input-control .components-input-control__input{ |
2390 background:#2f2f2f !important; |
2766 background:#2f2f2f !important; |
2391 border-radius:2px; |
|
2392 color:#e0e0e0 !important; |
2767 color:#e0e0e0 !important; |
2393 } |
2768 } |
2394 .edit-site-sidebar-navigation-screen__input-control .components-input-control__backdrop{ |
2769 .edit-site-sidebar-navigation-screen__input-control .components-input-control__backdrop{ |
2395 border:4px !important; |
2770 border:4px !important; |
2396 } |
2771 } |
2399 } |
2774 } |
2400 |
2775 |
2401 .edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item:focus,.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item:hover,.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item[aria-current]{ |
2776 .edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item:focus,.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item:hover,.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item[aria-current]{ |
2402 background:none; |
2777 background:none; |
2403 } |
2778 } |
2404 .edit-site-sidebar-navigation-screen-details-footer .edit-site-sidebar-navigation-screen-details-footer__icon{ |
|
2405 margin-right:auto; |
|
2406 fill:#949494; |
|
2407 } |
|
2408 |
2779 |
2409 .sidebar-navigation__more-menu .components-button{ |
2780 .sidebar-navigation__more-menu .components-button{ |
2410 color:#e0e0e0; |
2781 color:#e0e0e0; |
2411 } |
2782 } |
2412 .sidebar-navigation__more-menu .components-button:focus,.sidebar-navigation__more-menu .components-button:hover,.sidebar-navigation__more-menu .components-button[aria-current]{ |
2783 .sidebar-navigation__more-menu .components-button:focus,.sidebar-navigation__more-menu .components-button:hover,.sidebar-navigation__more-menu .components-button[aria-current]{ |
2413 color:#f0f0f0; |
2784 color:#f0f0f0; |
2414 } |
2785 } |
2415 |
2786 |
2416 .edit-site-sidebar-navigation-details-screen-panel{ |
|
2417 margin:24px 0; |
|
2418 } |
|
2419 .edit-site-sidebar-navigation-details-screen-panel:last-of-type{ |
|
2420 margin-bottom:0; |
|
2421 } |
|
2422 .edit-site-sidebar-navigation-details-screen-panel .edit-site-sidebar-navigation-details-screen-panel__heading{ |
|
2423 color:#ccc; |
|
2424 font-size:11px; |
|
2425 font-weight:500; |
|
2426 margin-bottom:0; |
|
2427 padding:0; |
|
2428 text-transform:uppercase; |
|
2429 } |
|
2430 |
|
2431 .edit-site-sidebar-navigation-details-screen-panel__label.edit-site-sidebar-navigation-details-screen-panel__label{ |
|
2432 color:#949494; |
|
2433 flex-shrink:0; |
|
2434 width:100px; |
|
2435 } |
|
2436 |
|
2437 .edit-site-sidebar-navigation-details-screen-panel__value.edit-site-sidebar-navigation-details-screen-panel__value{ |
|
2438 color:#e0e0e0; |
|
2439 } |
|
2440 |
|
2441 .edit-site-sidebar-navigation-screen-patterns__group{ |
2787 .edit-site-sidebar-navigation-screen-patterns__group{ |
2442 margin-bottom:24px; |
2788 margin-bottom:24px; |
2789 margin-left:-16px; |
|
2790 margin-right:-16px; |
|
2443 } |
2791 } |
2444 .edit-site-sidebar-navigation-screen-patterns__group:last-of-type{ |
2792 .edit-site-sidebar-navigation-screen-patterns__group:last-of-type{ |
2445 border-bottom:0; |
2793 border-bottom:0; |
2446 margin-bottom:0; |
2794 margin-bottom:0; |
2447 padding-bottom:0; |
2795 padding-bottom:0; |
2462 .edit-site-sidebar-navigation-screen-patterns__divider{ |
2810 .edit-site-sidebar-navigation-screen-patterns__divider{ |
2463 border-top:1px solid #2f2f2f; |
2811 border-top:1px solid #2f2f2f; |
2464 margin:16px 0; |
2812 margin:16px 0; |
2465 } |
2813 } |
2466 |
2814 |
2815 .edit-site-sidebar-navigation-screen__description{ |
|
2816 margin:0 0 32px; |
|
2817 } |
|
2818 |
|
2819 .edit-site-sidebar-navigation-screen-navigation-menus{ |
|
2820 margin-left:-16px; |
|
2821 margin-right:-16px; |
|
2822 } |
|
2823 |
|
2824 .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell{ |
|
2825 width:100%; |
|
2826 } |
|
2827 .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-leaf .block-editor-list-view-block-contents{ |
|
2828 white-space:normal; |
|
2829 } |
|
2830 .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__title{ |
|
2831 margin-top:3px; |
|
2832 } |
|
2833 .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu-cell{ |
|
2834 padding-left:0; |
|
2835 } |
|
2836 .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button{ |
|
2837 color:#949494; |
|
2838 } |
|
2839 .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button:focus,.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button:hover,.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button[aria-current]{ |
|
2840 color:#fff; |
|
2841 } |
|
2842 .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu{ |
|
2843 color:#949494; |
|
2844 } |
|
2845 .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu:focus,.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu:hover{ |
|
2846 color:#fff; |
|
2847 } |
|
2848 |
|
2849 .edit-site-sidebar-navigation-screen-navigation-menus__loading.components-spinner{ |
|
2850 display:block; |
|
2851 margin-left:auto; |
|
2852 margin-right:auto; |
|
2853 } |
|
2854 |
|
2855 .edit-site-sidebar-navigation-screen-navigation-menus__helper-block-editor{ |
|
2856 display:none; |
|
2857 } |
|
2858 |
|
2859 .edit-site-sidebar-navigation-screen-main,.edit-site-sidebar-navigation-screen-templates-browse{ |
|
2860 margin-left:-16px; |
|
2861 margin-right:-16px; |
|
2862 } |
|
2863 |
|
2467 .edit-site-sidebar-navigation-screen-dataviews__group-header{ |
2864 .edit-site-sidebar-navigation-screen-dataviews__group-header{ |
2468 margin-top:32px; |
2865 margin-top:32px; |
2469 } |
2866 } |
2470 .edit-site-sidebar-navigation-screen-dataviews__group-header h2{ |
2867 .edit-site-sidebar-navigation-screen-dataviews__group-header h2{ |
2471 font-size:11px; |
2868 font-size:11px; |
2472 font-weight:500; |
2869 font-weight:500; |
2473 text-transform:uppercase; |
2870 text-transform:uppercase; |
2474 } |
2871 } |
2475 |
2872 |
2873 .edit-site-sidebar-dataviews{ |
|
2874 margin-left:-16px; |
|
2875 margin-right:-16px; |
|
2876 } |
|
2877 |
|
2878 .edit-site-sidebar-navigation-screen-dataviews__custom-items .edit-site-sidebar-dataviews-dataview-item{ |
|
2879 padding-left:8px; |
|
2880 } |
|
2881 |
|
2476 .edit-site-sidebar-dataviews-dataview-item{ |
2882 .edit-site-sidebar-dataviews-dataview-item{ |
2477 border-radius:2px; |
2883 border-radius:2px; |
2478 padding-left:8px; |
|
2479 } |
2884 } |
2480 .edit-site-sidebar-dataviews-dataview-item .edit-site-sidebar-dataviews-dataview-item__dropdown-menu{ |
2885 .edit-site-sidebar-dataviews-dataview-item .edit-site-sidebar-dataviews-dataview-item__dropdown-menu{ |
2481 min-width:auto; |
2886 min-width:auto; |
2482 } |
2887 } |
2483 .edit-site-sidebar-dataviews-dataview-item:focus,.edit-site-sidebar-dataviews-dataview-item:hover,.edit-site-sidebar-dataviews-dataview-item[aria-current]{ |
2888 .edit-site-sidebar-dataviews-dataview-item:focus,.edit-site-sidebar-dataviews-dataview-item:hover,.edit-site-sidebar-dataviews-dataview-item[aria-current]{ |
2889 color:#e0e0e0; |
|
2890 } |
|
2891 .edit-site-sidebar-dataviews-dataview-item.is-selected{ |
|
2484 background:#2f2f2f; |
2892 background:#2f2f2f; |
2485 color:#e0e0e0; |
|
2486 } |
|
2487 .edit-site-sidebar-dataviews-dataview-item.is-selected{ |
|
2488 background:var(--wp-admin-theme-color); |
|
2489 color:#fff; |
2893 color:#fff; |
2894 font-weight:500; |
|
2490 } |
2895 } |
2491 |
2896 |
2492 .edit-site-site-hub{ |
2897 .edit-site-site-hub{ |
2493 align-items:center; |
2898 align-items:center; |
2494 display:flex; |
2899 display:flex; |
2495 gap:8px; |
2900 gap:8px; |
2901 height:60px; |
|
2496 justify-content:space-between; |
2902 justify-content:space-between; |
2497 margin-left:12px; |
2903 margin-left:12px; |
2498 } |
2904 } |
2499 |
2905 |
2500 .edit-site-site-hub__actions{ |
2906 .edit-site-site-hub__actions{ |
2514 color:#e0e0e0; |
2920 color:#e0e0e0; |
2515 display:block; |
2921 display:block; |
2516 flex-grow:1; |
2922 flex-grow:1; |
2517 font-size:15px; |
2923 font-size:15px; |
2518 font-weight:500; |
2924 font-weight:500; |
2925 margin-right:-4px; |
|
2519 overflow:hidden; |
2926 overflow:hidden; |
2520 padding-left:16px; |
2927 padding-left:16px; |
2521 position:relative; |
2928 position:relative; |
2522 text-decoration:none; |
2929 text-decoration:none; |
2523 text-overflow:ellipsis; |
2930 text-overflow:ellipsis; |
2539 content:"↗"; |
2946 content:"↗"; |
2540 font-weight:400; |
2947 font-weight:400; |
2541 left:0; |
2948 left:0; |
2542 opacity:0; |
2949 opacity:0; |
2543 position:absolute; |
2950 position:absolute; |
2544 transition:opacity .1s linear; |
2951 } |
2545 } |
2952 @media not (prefers-reduced-motion){ |
2546 @media (prefers-reduced-motion:reduce){ |
|
2547 .edit-site-site-hub__title .components-button:after{ |
2953 .edit-site-site-hub__title .components-button:after{ |
2548 transition-delay:0s; |
2954 transition:opacity .1s linear; |
2549 transition-duration:0s; |
|
2550 } |
2955 } |
2551 } |
2956 } |
2552 .edit-site-site-hub__title .components-button:active:after,.edit-site-site-hub__title .components-button:focus:after,.edit-site-site-hub__title .components-button:hover:after{ |
2957 .edit-site-site-hub__title .components-button:active:after,.edit-site-site-hub__title .components-button:focus:after,.edit-site-site-hub__title .components-button:hover:after{ |
2553 opacity:1; |
2958 opacity:1; |
2554 } |
2959 } |
2558 } |
2963 } |
2559 .edit-site-site-hub_toggle-command-center:active svg,.edit-site-site-hub_toggle-command-center:hover svg{ |
2964 .edit-site-site-hub_toggle-command-center:active svg,.edit-site-site-hub_toggle-command-center:hover svg{ |
2560 fill:#f0f0f0; |
2965 fill:#f0f0f0; |
2561 } |
2966 } |
2562 |
2967 |
2563 .edit-site-sidebar-navigation-screen__description{ |
|
2564 margin:0 0 32px; |
|
2565 } |
|
2566 |
|
2567 .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell{ |
|
2568 width:100%; |
|
2569 } |
|
2570 .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-leaf .block-editor-list-view-block-contents{ |
|
2571 white-space:normal; |
|
2572 } |
|
2573 .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__title{ |
|
2574 margin-top:3px; |
|
2575 } |
|
2576 .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu-cell{ |
|
2577 padding-left:0; |
|
2578 } |
|
2579 .edit-site-sidebar-navigation-screen-navigation-menus__content .components-button{ |
|
2580 color:#949494; |
|
2581 } |
|
2582 .edit-site-sidebar-navigation-screen-navigation-menus__content .components-button:focus,.edit-site-sidebar-navigation-screen-navigation-menus__content .components-button:hover,.edit-site-sidebar-navigation-screen-navigation-menus__content .components-button[aria-current]{ |
|
2583 color:#fff; |
|
2584 } |
|
2585 |
|
2586 .edit-site-sidebar-navigation-screen-navigation-menus__loading.components-spinner{ |
|
2587 display:block; |
|
2588 margin-left:auto; |
|
2589 margin-right:auto; |
|
2590 } |
|
2591 |
|
2592 .edit-site-sidebar-navigation-screen-navigation-menus__helper-block-editor{ |
|
2593 display:none; |
|
2594 } |
|
2595 |
|
2596 .edit-site-site-icon__icon{ |
2968 .edit-site-site-icon__icon{ |
2597 fill:currentColor; |
2969 fill:currentColor; |
2970 height:100%; |
|
2971 width:100%; |
|
2598 } |
2972 } |
2599 .edit-site-layout.is-full-canvas .edit-site-site-icon__icon{ |
2973 .edit-site-layout.is-full-canvas .edit-site-site-icon__icon{ |
2600 padding:6px; |
2974 padding:12px; |
2601 } |
2975 } |
2602 |
2976 |
2603 .edit-site-site-icon__image{ |
2977 .edit-site-site-icon__image{ |
2978 aspect-ratio:1/1; |
|
2604 background:#333; |
2979 background:#333; |
2605 height:100%; |
2980 height:100%; |
2606 object-fit:cover; |
2981 object-fit:cover; |
2607 width:100%; |
2982 width:100%; |
2608 } |
2983 } |
2609 .edit-site-layout.is-full-canvas .edit-site-site-icon__image{ |
2984 .edit-site-layout.is-full-canvas .edit-site-site-icon__image{ |
2610 border-radius:0; |
2985 border-radius:0; |
2611 } |
2986 } |
2612 |
2987 |
2988 .edit-site-editor__view-mode-toggle button:focus{ |
|
2989 position:relative; |
|
2990 } |
|
2991 .edit-site-editor__view-mode-toggle button:focus:before{ |
|
2992 bottom:0; |
|
2993 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 calc(1px + var(--wp-admin-border-width-focus)) #fff; |
|
2994 content:""; |
|
2995 display:block; |
|
2996 left:0; |
|
2997 position:absolute; |
|
2998 right:0; |
|
2999 top:0; |
|
3000 z-index:1; |
|
3001 } |
|
3002 |
|
2613 .edit-site-style-book{ |
3003 .edit-site-style-book{ |
2614 height:100%; |
3004 align-items:stretch; |
2615 } |
3005 display:flex; |
2616 |
3006 flex-direction:column; |
2617 .edit-site-style-book.is-button,.edit-site-style-book__iframe.is-button{ |
3007 height:100%; |
3008 } |
|
3009 .edit-site-style-book.is-button{ |
|
3010 border-radius:8px; |
|
3011 } |
|
3012 |
|
3013 .edit-site-style-book__iframe{ |
|
3014 display:block; |
|
3015 height:100%; |
|
3016 width:100%; |
|
3017 } |
|
3018 .edit-site-style-book__iframe.is-button{ |
|
2618 border-radius:8px; |
3019 border-radius:8px; |
2619 } |
3020 } |
2620 .edit-site-style-book__iframe.is-focused{ |
3021 .edit-site-style-book__iframe.is-focused{ |
2621 outline:calc(var(--wp-admin-border-width-focus)*2) solid var(--wp-admin-theme-color); |
3022 outline:calc(var(--wp-admin-border-width-focus)*2) solid var(--wp-admin-theme-color); |
2622 outline-offset:calc(var(--wp-admin-border-width-focus)*-2); |
3023 outline-offset:calc(var(--wp-admin-border-width-focus)*-2); |
2623 } |
3024 } |
2624 |
3025 |
2625 .edit-site-style-book__tabs [role=tablist]{ |
3026 .edit-site-style-book__tablist-container{ |
2626 background:#fff; |
3027 background:#fff; |
2627 color:#1e1e1e; |
3028 display:flex; |
2628 } |
3029 flex:none; |
2629 .edit-site-style-book__tabs [role=tabpanel]{ |
3030 padding-left:56px; |
2630 bottom:0; |
3031 width:100%; |
2631 left:0; |
3032 } |
3033 |
|
3034 .edit-site-style-book__tabpanel{ |
|
3035 flex:1 0 auto; |
|
2632 overflow:auto; |
3036 overflow:auto; |
2633 padding:0; |
|
2634 position:absolute; |
|
2635 right:0; |
|
2636 top:48px; |
|
2637 } |
3037 } |
2638 |
3038 |
2639 .edit-site-editor-canvas-container{ |
3039 .edit-site-editor-canvas-container{ |
2640 background-color:#ddd; |
3040 background-color:#ddd; |
2641 height:100%; |
3041 height:100%; |
2649 padding:24px 24px 0; |
3049 padding:24px 24px 0; |
2650 } |
3050 } |
2651 |
3051 |
2652 .edit-site-editor-canvas-container__section{ |
3052 .edit-site-editor-canvas-container__section{ |
2653 background:#fff; |
3053 background:#fff; |
2654 border-radius:2px; |
3054 border-radius:8px; |
2655 bottom:0; |
3055 bottom:0; |
2656 left:0; |
3056 left:0; |
2657 overflow:hidden; |
3057 overflow:hidden; |
2658 position:absolute; |
3058 position:absolute; |
2659 right:0; |
3059 right:0; |
2660 top:0; |
3060 top:0; |
2661 transition:all .3s; |
3061 } |
3062 @media not (prefers-reduced-motion){ |
|
3063 .edit-site-editor-canvas-container__section{ |
|
3064 transition:all .3s; |
|
3065 } |
|
2662 } |
3066 } |
2663 |
3067 |
2664 .edit-site-editor-canvas-container__close-button{ |
3068 .edit-site-editor-canvas-container__close-button{ |
2665 background:#fff; |
3069 background:#fff; |
2666 left:8px; |
3070 left:8px; |
2667 position:absolute; |
3071 position:absolute; |
2668 top:6px; |
3072 top:8px; |
2669 z-index:1; |
3073 z-index:2; |
3074 } |
|
3075 |
|
3076 .edit-site-post-edit{ |
|
3077 padding:24px; |
|
3078 } |
|
3079 .edit-site-post-edit.is-empty .edit-site-page-content{ |
|
3080 align-items:center; |
|
3081 display:flex; |
|
3082 justify-content:center; |
|
3083 } |
|
3084 |
|
3085 .dataforms-layouts-panel__field-dropdown .fields-controls__password{ |
|
3086 border-top:1px solid #e0e0e0; |
|
3087 padding-top:16px; |
|
3088 } |
|
3089 |
|
3090 .edit-site-post-list__featured-image{ |
|
3091 height:100%; |
|
3092 object-fit:cover; |
|
3093 width:100%; |
|
3094 } |
|
3095 |
|
3096 .edit-site-post-list__featured-image-wrapper{ |
|
3097 border-radius:4px; |
|
3098 height:100%; |
|
3099 width:100%; |
|
3100 } |
|
3101 .edit-site-post-list__featured-image-wrapper.is-layout-table .edit-site-post-list__featured-image-button,.edit-site-post-list__featured-image-wrapper.is-layout-table:not(:has(.edit-site-post-list__featured-image-button)){ |
|
3102 background-color:#f0f0f0; |
|
3103 border-radius:4px; |
|
3104 display:block; |
|
3105 flex-grow:0 !important; |
|
3106 height:32px; |
|
3107 overflow:hidden; |
|
3108 position:relative; |
|
3109 width:32px; |
|
3110 } |
|
3111 .edit-site-post-list__featured-image-wrapper.is-layout-table .edit-site-post-list__featured-image-button:after,.edit-site-post-list__featured-image-wrapper.is-layout-table:not(:has(.edit-site-post-list__featured-image-button)):after{ |
|
3112 border-radius:4px; |
|
3113 box-shadow:inset 0 0 0 1px #0000001a; |
|
3114 content:""; |
|
3115 height:100%; |
|
3116 position:absolute; |
|
3117 right:0; |
|
3118 top:0; |
|
3119 width:100%; |
|
3120 } |
|
3121 |
|
3122 .edit-site-post-list__featured-image-button{ |
|
3123 background-color:unset; |
|
3124 border:none; |
|
3125 border-radius:4px; |
|
3126 box-shadow:none; |
|
3127 box-sizing:border-box; |
|
3128 cursor:pointer; |
|
3129 height:100%; |
|
3130 overflow:hidden; |
|
3131 padding:0; |
|
3132 width:100%; |
|
3133 } |
|
3134 .edit-site-post-list__featured-image-button:focus-visible{ |
|
3135 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
3136 outline:2px solid #0000; |
|
3137 } |
|
3138 |
|
3139 .dataviews-view-grid__card.is-selected .edit-site-post-list__featured-image-button:after{ |
|
3140 background:rgba(var(--wp-admin-theme-color--rgb), .04); |
|
3141 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
3142 } |
|
3143 |
|
3144 .edit-site-post-list__status-icon{ |
|
3145 height:24px; |
|
3146 width:24px; |
|
3147 } |
|
3148 .edit-site-post-list__status-icon svg{ |
|
3149 fill:currentColor; |
|
3150 margin-right:-4px; |
|
2670 } |
3151 } |
2671 |
3152 |
2672 .edit-site-resizable-frame__inner{ |
3153 .edit-site-resizable-frame__inner{ |
2673 position:relative; |
3154 position:relative; |
2674 } |
3155 } |
2765 position:absolute; |
3246 position:absolute; |
2766 right:0; |
3247 right:0; |
2767 top:0; |
3248 top:0; |
2768 width:100%; |
3249 width:100%; |
2769 } |
3250 } |
2770 .font-library-modal__tabpanel-layout .font-library-modal__tabpanel-layout__footer{ |
3251 |
3252 .font-library-modal__footer{ |
|
2771 background-color:#fff; |
3253 background-color:#fff; |
2772 border-top:1px solid #ddd; |
3254 border-top:1px solid #ddd; |
2773 bottom:32px; |
3255 bottom:32px; |
2774 height:70px; |
3256 height:70px; |
2775 margin:0 -32px -32px; |
3257 margin:0 -32px -32px; |
2776 padding:16px 32px; |
3258 padding:16px 32px; |
2777 position:absolute; |
3259 position:absolute; |
2778 width:100%; |
3260 width:100%; |
2779 } |
3261 } |
2780 |
3262 |
3263 .font-library-modal__page-selection{ |
|
3264 font-size:11px; |
|
3265 font-weight:500; |
|
3266 text-transform:uppercase; |
|
3267 } |
|
3268 @media (min-width:600px){ |
|
3269 .font-library-modal__page-selection .components-select-control__input{ |
|
3270 font-size:11px !important; |
|
3271 font-weight:500; |
|
3272 } |
|
3273 } |
|
3274 |
|
2781 .font-library-modal__tabpanel-layout .components-base-control__field{ |
3275 .font-library-modal__tabpanel-layout .components-base-control__field{ |
2782 margin-bottom:0; |
3276 margin-bottom:0; |
2783 } |
3277 } |
2784 |
3278 |
2785 .font-library-modal__fonts-title{ |
3279 .font-library-modal__fonts-title{ |
2797 margin-bottom:0; |
3291 margin-bottom:0; |
2798 } |
3292 } |
2799 |
3293 |
2800 .font-library-modal__font-card{ |
3294 .font-library-modal__font-card{ |
2801 border:1px solid #e0e0e0; |
3295 border:1px solid #e0e0e0; |
2802 height:auto; |
3296 height:auto !important; |
2803 margin-top:-1px; |
3297 margin-top:-1px; |
2804 padding:16px; |
3298 padding:16px; |
2805 width:100%; |
3299 width:100%; |
2806 } |
3300 } |
2807 .font-library-modal__font-card:hover{ |
3301 .font-library-modal__font-card:hover{ |
2818 height:24px; |
3312 height:24px; |
2819 width:auto; |
3313 width:auto; |
2820 } |
3314 } |
2821 .font-library-modal__font-card .font-library-modal__font-variant_demo-text{ |
3315 .font-library-modal__font-card .font-library-modal__font-variant_demo-text{ |
2822 flex-shrink:0; |
3316 flex-shrink:0; |
2823 transition:opacity .3s ease-in-out; |
|
2824 white-space:nowrap; |
3317 white-space:nowrap; |
2825 } |
3318 } |
2826 @media (prefers-reduced-motion:reduce){ |
3319 @media not (prefers-reduced-motion){ |
2827 .font-library-modal__font-card .font-library-modal__font-variant_demo-text{ |
3320 .font-library-modal__font-card .font-library-modal__font-variant_demo-text{ |
2828 transition-delay:0s; |
3321 transition:opacity .3s ease-in-out; |
2829 transition-duration:0s; |
|
2830 } |
3322 } |
2831 } |
3323 } |
2832 |
3324 |
2833 .font-library-modal__font-variant{ |
3325 .font-library-modal__font-variant{ |
2834 border-bottom:1px solid #e0e0e0; |
3326 border-bottom:1px solid #e0e0e0; |
2835 padding-bottom:16px; |
3327 padding-bottom:16px; |
2836 } |
3328 } |
2837 |
3329 |
2838 .font-library-modal__tabs [role=tablist]{ |
3330 .font-library-modal__tablist-container{ |
2839 background:#fff; |
3331 background:#fff; |
2840 border-bottom:1px solid #ddd; |
3332 border-bottom:1px solid #ddd; |
2841 margin:0 -32px; |
3333 margin:0 -32px; |
2842 padding:0 16px; |
3334 padding:0 16px; |
2843 position:sticky; |
3335 position:sticky; |
2844 top:0; |
3336 top:0; |
2845 z-index:1; |
3337 z-index:1; |
2846 } |
3338 } |
3339 .font-library-modal__tablist-container [role=tablist]{ |
|
3340 margin-bottom:-1px; |
|
3341 } |
|
2847 |
3342 |
2848 .font-library-modal__upload-area{ |
3343 .font-library-modal__upload-area{ |
2849 align-items:center; |
3344 align-items:center; |
2850 display:flex; |
3345 display:flex; |
2851 height:256px; |
3346 height:256px !important; |
2852 justify-content:center; |
3347 justify-content:center; |
2853 width:100%; |
3348 width:100%; |
2854 } |
3349 } |
2855 |
3350 |
2856 button.font-library-modal__upload-area{ |
3351 button.font-library-modal__upload-area{ |
2883 width:400px; |
3378 width:400px; |
2884 } |
3379 } |
2885 .font-library__google-fonts-confirm .components-button{ |
3380 .font-library__google-fonts-confirm .components-button{ |
2886 justify-content:center; |
3381 justify-content:center; |
2887 width:100%; |
3382 width:100%; |
3383 } |
|
3384 |
|
3385 .font-library-modal__select-all{ |
|
3386 padding:16px 17px 16px 16px; |
|
3387 } |
|
3388 .font-library-modal__select-all .components-checkbox-control__label{ |
|
3389 padding-right:16px; |
|
2888 } |
3390 } |
2889 |
3391 |
2890 .edit-site-pagination .components-button.is-tertiary{ |
3392 .edit-site-pagination .components-button.is-tertiary{ |
2891 height:32px; |
3393 height:32px; |
2892 justify-content:center; |
3394 justify-content:center; |
2893 width:32px; |
3395 width:32px; |
2894 } |
3396 } |
2895 |
3397 |
2896 .edit-site-global-styles-variations_item{ |
3398 .edit-site-global-styles-variations_item{ |
2897 border-radius:2px; |
|
2898 box-sizing:border-box; |
3399 box-sizing:border-box; |
2899 cursor:pointer; |
3400 cursor:pointer; |
2900 } |
3401 } |
2901 .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{ |
3402 .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{ |
2902 border-radius:2px; |
3403 border-radius:2px; |
2903 outline:1px solid #0000001a; |
3404 outline:1px solid #0000001a; |
2904 outline-offset:-1px; |
3405 outline-offset:-1px; |
2905 overflow:hidden; |
3406 overflow:hidden; |
2906 position:relative; |
3407 position:relative; |
2907 transition:outline .1s linear; |
3408 } |
2908 } |
3409 @media not (prefers-reduced-motion){ |
2909 @media (prefers-reduced-motion:reduce){ |
|
2910 .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{ |
3410 .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{ |
2911 transition-delay:0s; |
3411 transition:outline .1s linear; |
2912 transition-duration:0s; |
|
2913 } |
3412 } |
2914 } |
3413 } |
2915 .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview.is-pill{ |
3414 .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview.is-pill{ |
2916 height:32px; |
3415 height:32px; |
2917 } |
3416 } |
2926 outline-offset:1px; |
3425 outline-offset:1px; |
2927 outline-width:var(--wp-admin-border-width-focus); |
3426 outline-width:var(--wp-admin-border-width-focus); |
2928 } |
3427 } |
2929 .edit-site-global-styles-variations_item:focus-visible .edit-site-global-styles-variations_item-preview{ |
3428 .edit-site-global-styles-variations_item:focus-visible .edit-site-global-styles-variations_item-preview{ |
2930 outline-color:var(--wp-admin-theme-color); |
3429 outline-color:var(--wp-admin-theme-color); |
3430 } |
|
3431 |
|
3432 .edit-site-styles .edit-site-page-content .edit-site-global-styles-screen-root{ |
|
3433 box-shadow:none; |
|
3434 } |
|
3435 .edit-site-styles .edit-site-page-content .edit-site-global-styles-screen-root>div>hr{ |
|
3436 display:none; |
|
3437 } |
|
3438 .edit-site-styles .edit-site-page-content .edit-site-global-styles-sidebar__navigator-provider{ |
|
3439 overflow-y:auto; |
|
3440 padding-left:0; |
|
3441 padding-right:0; |
|
3442 } |
|
3443 .edit-site-styles .edit-site-page-content .edit-site-global-styles-sidebar__navigator-provider .components-tools-panel{ |
|
3444 border-top:none; |
|
3445 } |
|
3446 .edit-site-styles .edit-site-page-content .edit-site-global-styles-sidebar__navigator-provider .edit-site-global-styles-sidebar__navigator-screen{ |
|
3447 outline:none; |
|
3448 padding:12px; |
|
3449 } |
|
3450 .edit-site-styles .edit-site-page-content .edit-site-page-header{ |
|
3451 padding-left:48px; |
|
3452 padding-right:48px; |
|
3453 } |
|
3454 @container (max-width: 430px){ |
|
3455 .edit-site-styles .edit-site-page-content .edit-site-page-header{ |
|
3456 padding-left:24px; |
|
3457 padding-right:24px; |
|
3458 } |
|
3459 } |
|
3460 .edit-site-styles .edit-site-page-content .edit-site-sidebar-button{ |
|
3461 color:#1e1e1e; |
|
3462 } |
|
3463 |
|
3464 .show-icon-labels .edit-site-styles .edit-site-page-content .edit-site-page-header__actions .components-button.has-icon{ |
|
3465 padding:0 8px; |
|
3466 width:auto; |
|
3467 } |
|
3468 .show-icon-labels .edit-site-styles .edit-site-page-content .edit-site-page-header__actions .components-button.has-icon svg{ |
|
3469 display:none; |
|
3470 } |
|
3471 .show-icon-labels .edit-site-styles .edit-site-page-content .edit-site-page-header__actions .components-button.has-icon:after{ |
|
3472 content:attr(aria-label); |
|
3473 font-size:12px; |
|
2931 } |
3474 } |
2932 ::view-transition-image-pair(root){ |
3475 ::view-transition-image-pair(root){ |
2933 isolation:auto; |
3476 isolation:auto; |
2934 } |
3477 } |
2935 |
3478 |
2996 position:static; |
3539 position:static; |
2997 } |
3540 } |
2998 .edit-site .interface-interface-skeleton{ |
3541 .edit-site .interface-interface-skeleton{ |
2999 top:0; |
3542 top:0; |
3000 } |
3543 } |
3001 @keyframes edit-post__fade-in-animation{ |
3544 |
3002 0%{ |
|
3003 opacity:0; |
|
3004 } |
|
3005 to{ |
|
3006 opacity:1; |
|
3007 } |
|
3008 } |
|
3009 body.admin-color-light{ |
3545 body.admin-color-light{ |
3010 --wp-admin-theme-color:#0085ba; |
3546 --wp-admin-theme-color:#0085ba; |
3011 --wp-admin-theme-color--rgb:0, 133, 186; |
3547 --wp-admin-theme-color--rgb:0, 133, 186; |
3012 --wp-admin-theme-color-darker-10:#0073a1; |
3548 --wp-admin-theme-color-darker-10:#0073a1; |
3013 --wp-admin-theme-color-darker-10--rgb:0, 115, 161; |
3549 --wp-admin-theme-color-darker-10--rgb:0, 115, 161; |