@wordpress/edit-site 6.34.0 → 6.35.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (523) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/build/components/add-new-pattern/index.js +6 -4
  3. package/build/components/add-new-pattern/index.js.map +1 -1
  4. package/build/components/add-new-post/index.js +3 -1
  5. package/build/components/add-new-post/index.js.map +1 -1
  6. package/build/components/add-new-template/add-custom-generic-template-modal-content.js +3 -1
  7. package/build/components/add-new-template/add-custom-generic-template-modal-content.js.map +1 -1
  8. package/build/components/add-new-template/add-custom-template-modal-content.js +4 -2
  9. package/build/components/add-new-template/add-custom-template-modal-content.js.map +1 -1
  10. package/build/components/add-new-template/index.js +7 -5
  11. package/build/components/add-new-template/index.js.map +1 -1
  12. package/build/components/add-new-template/utils.js +14 -12
  13. package/build/components/add-new-template/utils.js.map +1 -1
  14. package/build/components/app/index.js +4 -2
  15. package/build/components/app/index.js.map +1 -1
  16. package/build/components/block-editor/use-editor-iframe-props.js +3 -1
  17. package/build/components/block-editor/use-editor-iframe-props.js.map +1 -1
  18. package/build/components/block-editor/use-navigate-to-entity-record.js +3 -1
  19. package/build/components/block-editor/use-navigate-to-entity-record.js.map +1 -1
  20. package/build/components/block-editor/use-site-editor-settings.js +3 -1
  21. package/build/components/block-editor/use-site-editor-settings.js.map +1 -1
  22. package/build/components/canvas-loader/index.js +5 -3
  23. package/build/components/canvas-loader/index.js.map +1 -1
  24. package/build/components/dataviews-actions/index.js +5 -3
  25. package/build/components/dataviews-actions/index.js.map +1 -1
  26. package/build/components/editor/index.js +17 -24
  27. package/build/components/editor/index.js.map +2 -2
  28. package/build/components/editor/site-preview.js +3 -1
  29. package/build/components/editor/site-preview.js.map +1 -1
  30. package/build/components/editor/use-adapt-editor-to-canvas.js +2 -0
  31. package/build/components/editor/use-adapt-editor-to-canvas.js.map +1 -1
  32. package/build/components/editor/use-editor-title.js +3 -1
  33. package/build/components/editor/use-editor-title.js.map +1 -1
  34. package/build/components/editor/use-resolve-edited-entity.js +5 -3
  35. package/build/components/editor/use-resolve-edited-entity.js.map +1 -1
  36. package/build/components/layout/animation.js +3 -1
  37. package/build/components/layout/animation.js.map +1 -1
  38. package/build/components/layout/hooks.js +3 -1
  39. package/build/components/layout/hooks.js.map +1 -1
  40. package/build/components/layout/index.js +6 -4
  41. package/build/components/layout/index.js.map +1 -1
  42. package/build/components/media/index.js +3 -1
  43. package/build/components/media/index.js.map +1 -1
  44. package/build/components/more-menu/index.js +4 -2
  45. package/build/components/more-menu/index.js.map +1 -1
  46. package/build/components/more-menu/site-export.js +3 -1
  47. package/build/components/more-menu/site-export.js.map +1 -1
  48. package/build/components/more-menu/welcome-guide-menu-item.js +3 -1
  49. package/build/components/more-menu/welcome-guide-menu-item.js.map +1 -1
  50. package/build/components/page-patterns/actions.js +3 -1
  51. package/build/components/page-patterns/actions.js.map +1 -1
  52. package/build/components/page-patterns/delete-category-menu-item.js +4 -2
  53. package/build/components/page-patterns/delete-category-menu-item.js.map +1 -1
  54. package/build/components/page-patterns/fields.js +8 -6
  55. package/build/components/page-patterns/fields.js.map +1 -1
  56. package/build/components/page-patterns/index.js +10 -8
  57. package/build/components/page-patterns/index.js.map +2 -2
  58. package/build/components/page-patterns/rename-category-menu-item.js +4 -2
  59. package/build/components/page-patterns/rename-category-menu-item.js.map +1 -1
  60. package/build/components/page-patterns/search-items.js +10 -8
  61. package/build/components/page-patterns/search-items.js.map +1 -1
  62. package/build/components/page-patterns/use-pattern-settings.js +2 -0
  63. package/build/components/page-patterns/use-pattern-settings.js.map +1 -1
  64. package/build/components/page-patterns/use-patterns.js +8 -6
  65. package/build/components/page-patterns/use-patterns.js.map +1 -1
  66. package/build/components/page-patterns/utils.js +3 -1
  67. package/build/components/page-patterns/utils.js.map +1 -1
  68. package/build/components/page-templates/fields.js +14 -12
  69. package/build/components/page-templates/fields.js.map +2 -2
  70. package/build/components/page-templates/hooks.js +2 -0
  71. package/build/components/page-templates/hooks.js.map +1 -1
  72. package/build/components/page-templates/index.js +16 -11
  73. package/build/components/page-templates/index.js.map +2 -2
  74. package/build/components/page-templates/view-utils.js +8 -2
  75. package/build/components/page-templates/view-utils.js.map +2 -2
  76. package/build/components/pagination/index.js +3 -1
  77. package/build/components/pagination/index.js.map +1 -1
  78. package/build/components/plugin-template-setting-panel/index.js +5 -3
  79. package/build/components/plugin-template-setting-panel/index.js.map +1 -1
  80. package/build/components/post-edit/index.js +5 -3
  81. package/build/components/post-edit/index.js.map +1 -1
  82. package/build/components/post-list/index.js +8 -6
  83. package/build/components/post-list/index.js.map +1 -1
  84. package/build/components/post-list/view-utils.js +5 -3
  85. package/build/components/post-list/view-utils.js.map +1 -1
  86. package/build/components/resizable-frame/index.js +10 -8
  87. package/build/components/resizable-frame/index.js.map +1 -1
  88. package/build/components/routes/use-title.js +3 -1
  89. package/build/components/routes/use-title.js.map +1 -1
  90. package/build/components/save-button/index.js +4 -2
  91. package/build/components/save-button/index.js.map +1 -1
  92. package/build/components/save-hub/index.js +3 -1
  93. package/build/components/save-hub/index.js.map +1 -1
  94. package/build/components/save-keyboard-shortcut/index.js +3 -1
  95. package/build/components/save-keyboard-shortcut/index.js.map +1 -1
  96. package/build/components/save-panel/index.js +7 -5
  97. package/build/components/save-panel/index.js.map +1 -1
  98. package/build/components/sidebar/index.js +4 -2
  99. package/build/components/sidebar/index.js.map +1 -1
  100. package/build/components/sidebar-button/index.js +3 -1
  101. package/build/components/sidebar-button/index.js.map +1 -1
  102. package/build/components/sidebar-dataviews/dataview-item.js +4 -2
  103. package/build/components/sidebar-dataviews/dataview-item.js.map +1 -1
  104. package/build/components/sidebar-dataviews/index.js +4 -2
  105. package/build/components/sidebar-dataviews/index.js.map +1 -1
  106. package/build/components/sidebar-global-styles/index.js +7 -5
  107. package/build/components/sidebar-global-styles/index.js.map +1 -1
  108. package/build/components/sidebar-navigation-item/index.js +4 -2
  109. package/build/components/sidebar-navigation-item/index.js.map +1 -1
  110. package/build/components/sidebar-navigation-screen/index.js +4 -2
  111. package/build/components/sidebar-navigation-screen/index.js.map +1 -1
  112. package/build/components/sidebar-navigation-screen-details-footer/index.js +3 -1
  113. package/build/components/sidebar-navigation-screen-details-footer/index.js.map +1 -1
  114. package/build/components/sidebar-navigation-screen-global-styles/content.js +4 -2
  115. package/build/components/sidebar-navigation-screen-global-styles/content.js.map +1 -1
  116. package/build/components/sidebar-navigation-screen-global-styles/index.js +4 -2
  117. package/build/components/sidebar-navigation-screen-global-styles/index.js.map +1 -1
  118. package/build/components/sidebar-navigation-screen-main/index.js +3 -1
  119. package/build/components/sidebar-navigation-screen-main/index.js.map +1 -1
  120. package/build/components/sidebar-navigation-screen-navigation-menu/delete-confirm-dialog.js +3 -1
  121. package/build/components/sidebar-navigation-screen-navigation-menu/delete-confirm-dialog.js.map +1 -1
  122. package/build/components/sidebar-navigation-screen-navigation-menu/index.js +5 -3
  123. package/build/components/sidebar-navigation-screen-navigation-menu/index.js.map +1 -1
  124. package/build/components/sidebar-navigation-screen-navigation-menu/more-menu.js +5 -3
  125. package/build/components/sidebar-navigation-screen-navigation-menu/more-menu.js.map +1 -1
  126. package/build/components/sidebar-navigation-screen-navigation-menu/navigation-menu-editor.js +4 -2
  127. package/build/components/sidebar-navigation-screen-navigation-menu/navigation-menu-editor.js.map +1 -1
  128. package/build/components/sidebar-navigation-screen-navigation-menu/rename-modal.js +4 -2
  129. package/build/components/sidebar-navigation-screen-navigation-menu/rename-modal.js.map +1 -1
  130. package/build/components/sidebar-navigation-screen-navigation-menu/single-navigation-menu.js +3 -1
  131. package/build/components/sidebar-navigation-screen-navigation-menu/single-navigation-menu.js.map +1 -1
  132. package/build/components/sidebar-navigation-screen-navigation-menu/use-navigation-menu-handlers.js +3 -1
  133. package/build/components/sidebar-navigation-screen-navigation-menu/use-navigation-menu-handlers.js.map +1 -1
  134. package/build/components/sidebar-navigation-screen-navigation-menus/build-navigation-label.js +2 -0
  135. package/build/components/sidebar-navigation-screen-navigation-menus/build-navigation-label.js.map +1 -1
  136. package/build/components/sidebar-navigation-screen-navigation-menus/constants.js +3 -1
  137. package/build/components/sidebar-navigation-screen-navigation-menus/constants.js.map +1 -1
  138. package/build/components/sidebar-navigation-screen-navigation-menus/index.js +4 -2
  139. package/build/components/sidebar-navigation-screen-navigation-menus/index.js.map +1 -1
  140. package/build/components/sidebar-navigation-screen-navigation-menus/leaf-more-menu.js +5 -3
  141. package/build/components/sidebar-navigation-screen-navigation-menus/leaf-more-menu.js.map +1 -1
  142. package/build/components/sidebar-navigation-screen-navigation-menus/navigation-menu-content.js +6 -4
  143. package/build/components/sidebar-navigation-screen-navigation-menus/navigation-menu-content.js.map +1 -1
  144. package/build/components/sidebar-navigation-screen-patterns/category-item.js +3 -1
  145. package/build/components/sidebar-navigation-screen-patterns/category-item.js.map +1 -1
  146. package/build/components/sidebar-navigation-screen-patterns/index.js +4 -2
  147. package/build/components/sidebar-navigation-screen-patterns/index.js.map +1 -1
  148. package/build/components/sidebar-navigation-screen-patterns/use-default-pattern-categories.js +2 -0
  149. package/build/components/sidebar-navigation-screen-patterns/use-default-pattern-categories.js.map +1 -1
  150. package/build/components/sidebar-navigation-screen-patterns/use-pattern-categories.js +2 -0
  151. package/build/components/sidebar-navigation-screen-patterns/use-pattern-categories.js.map +1 -1
  152. package/build/components/sidebar-navigation-screen-patterns/use-template-part-areas.js +3 -1
  153. package/build/components/sidebar-navigation-screen-patterns/use-template-part-areas.js.map +1 -1
  154. package/build/components/sidebar-navigation-screen-patterns/use-theme-patterns.js +2 -0
  155. package/build/components/sidebar-navigation-screen-patterns/use-theme-patterns.js.map +1 -1
  156. package/build/components/sidebar-navigation-screen-templates-browse/content.js +5 -3
  157. package/build/components/sidebar-navigation-screen-templates-browse/content.js.map +1 -1
  158. package/build/components/sidebar-navigation-screen-templates-browse/index.js +3 -1
  159. package/build/components/sidebar-navigation-screen-templates-browse/index.js.map +1 -1
  160. package/build/components/sidebar-navigation-screen-unsupported/index.js +3 -1
  161. package/build/components/sidebar-navigation-screen-unsupported/index.js.map +1 -1
  162. package/build/components/site-editor-routes/home.js +4 -2
  163. package/build/components/site-editor-routes/home.js.map +1 -1
  164. package/build/components/site-editor-routes/index.js +3 -1
  165. package/build/components/site-editor-routes/index.js.map +1 -1
  166. package/build/components/site-editor-routes/navigation-item.js +5 -3
  167. package/build/components/site-editor-routes/navigation-item.js.map +1 -1
  168. package/build/components/site-editor-routes/navigation.js +5 -3
  169. package/build/components/site-editor-routes/navigation.js.map +1 -1
  170. package/build/components/site-editor-routes/notfound.js +4 -2
  171. package/build/components/site-editor-routes/notfound.js.map +1 -1
  172. package/build/components/site-editor-routes/page-item.js +4 -2
  173. package/build/components/site-editor-routes/page-item.js.map +1 -1
  174. package/build/components/site-editor-routes/pages.js +5 -3
  175. package/build/components/site-editor-routes/pages.js.map +1 -1
  176. package/build/components/site-editor-routes/pattern-item.js +4 -2
  177. package/build/components/site-editor-routes/pattern-item.js.map +1 -1
  178. package/build/components/site-editor-routes/patterns.js +4 -2
  179. package/build/components/site-editor-routes/patterns.js.map +1 -1
  180. package/build/components/site-editor-routes/stylebook.js +5 -3
  181. package/build/components/site-editor-routes/stylebook.js.map +1 -1
  182. package/build/components/site-editor-routes/styles.js +6 -4
  183. package/build/components/site-editor-routes/styles.js.map +1 -1
  184. package/build/components/site-editor-routes/template-item.js +5 -3
  185. package/build/components/site-editor-routes/template-item.js.map +1 -1
  186. package/build/components/site-editor-routes/template-part-item.js +4 -2
  187. package/build/components/site-editor-routes/template-part-item.js.map +1 -1
  188. package/build/components/site-editor-routes/templates.js +4 -2
  189. package/build/components/site-editor-routes/templates.js.map +1 -1
  190. package/build/components/site-editor-routes/utils.js +2 -0
  191. package/build/components/site-editor-routes/utils.js.map +1 -1
  192. package/build/components/site-hub/index.js +6 -4
  193. package/build/components/site-hub/index.js.map +1 -1
  194. package/build/components/site-icon/index.js +3 -1
  195. package/build/components/site-icon/index.js.map +1 -1
  196. package/build/components/welcome-guide/editor.js +3 -1
  197. package/build/components/welcome-guide/editor.js.map +1 -1
  198. package/build/components/welcome-guide/image.js +2 -0
  199. package/build/components/welcome-guide/image.js.map +1 -1
  200. package/build/components/welcome-guide/index.js +3 -1
  201. package/build/components/welcome-guide/index.js.map +1 -1
  202. package/build/components/welcome-guide/page.js +3 -1
  203. package/build/components/welcome-guide/page.js.map +1 -1
  204. package/build/components/welcome-guide/template.js +3 -1
  205. package/build/components/welcome-guide/template.js.map +1 -1
  206. package/build/deprecated.js +5 -3
  207. package/build/deprecated.js.map +1 -1
  208. package/build/hooks/commands/use-common-commands.js +7 -5
  209. package/build/hooks/commands/use-common-commands.js.map +1 -1
  210. package/build/hooks/commands/use-set-command-context.js +4 -2
  211. package/build/hooks/commands/use-set-command-context.js.map +1 -1
  212. package/build/index.js +4 -5
  213. package/build/index.js.map +2 -2
  214. package/build/lock-unlock.js +3 -1
  215. package/build/lock-unlock.js.map +1 -1
  216. package/build/store/actions.js +14 -12
  217. package/build/store/actions.js.map +1 -1
  218. package/build/store/constants.js +3 -1
  219. package/build/store/constants.js.map +1 -1
  220. package/build/store/index.js +4 -2
  221. package/build/store/index.js.map +1 -1
  222. package/build/store/private-actions.js +2 -0
  223. package/build/store/private-actions.js.map +1 -1
  224. package/build/store/private-selectors.js +2 -0
  225. package/build/store/private-selectors.js.map +1 -1
  226. package/build/store/reducer.js +2 -0
  227. package/build/store/reducer.js.map +1 -1
  228. package/build/store/selectors.js +11 -9
  229. package/build/store/selectors.js.map +1 -1
  230. package/build/utils/constants.js +18 -16
  231. package/build/utils/constants.js.map +1 -1
  232. package/build/utils/get-filtered-template-parts.js +3 -1
  233. package/build/utils/get-filtered-template-parts.js.map +1 -1
  234. package/build/utils/is-previewing-theme.js +2 -0
  235. package/build/utils/is-previewing-theme.js.map +1 -1
  236. package/build/utils/is-template-removable.js +2 -0
  237. package/build/utils/is-template-removable.js.map +1 -1
  238. package/build/utils/is-template-revertable.js +2 -0
  239. package/build/utils/is-template-revertable.js.map +2 -2
  240. package/build/utils/use-activate-theme.js +3 -1
  241. package/build/utils/use-activate-theme.js.map +1 -1
  242. package/build/utils/use-actual-current-theme.js +3 -1
  243. package/build/utils/use-actual-current-theme.js.map +1 -1
  244. package/build-module/components/add-new-pattern/index.js +5 -4
  245. package/build-module/components/add-new-pattern/index.js.map +1 -1
  246. package/build-module/components/add-new-post/index.js +2 -1
  247. package/build-module/components/add-new-post/index.js.map +1 -1
  248. package/build-module/components/add-new-template/add-custom-generic-template-modal-content.js +2 -1
  249. package/build-module/components/add-new-template/add-custom-generic-template-modal-content.js.map +1 -1
  250. package/build-module/components/add-new-template/add-custom-template-modal-content.js +3 -2
  251. package/build-module/components/add-new-template/add-custom-template-modal-content.js.map +1 -1
  252. package/build-module/components/add-new-template/index.js +6 -5
  253. package/build-module/components/add-new-template/index.js.map +1 -1
  254. package/build-module/components/add-new-template/utils.js +13 -12
  255. package/build-module/components/add-new-template/utils.js.map +1 -1
  256. package/build-module/components/app/index.js +3 -2
  257. package/build-module/components/app/index.js.map +1 -1
  258. package/build-module/components/block-editor/use-editor-iframe-props.js +2 -1
  259. package/build-module/components/block-editor/use-editor-iframe-props.js.map +1 -1
  260. package/build-module/components/block-editor/use-navigate-to-entity-record.js +2 -1
  261. package/build-module/components/block-editor/use-navigate-to-entity-record.js.map +1 -1
  262. package/build-module/components/block-editor/use-site-editor-settings.js +2 -1
  263. package/build-module/components/block-editor/use-site-editor-settings.js.map +1 -1
  264. package/build-module/components/canvas-loader/index.js +4 -3
  265. package/build-module/components/canvas-loader/index.js.map +1 -1
  266. package/build-module/components/dataviews-actions/index.js +4 -3
  267. package/build-module/components/dataviews-actions/index.js.map +1 -1
  268. package/build-module/components/editor/index.js +16 -24
  269. package/build-module/components/editor/index.js.map +2 -2
  270. package/build-module/components/editor/site-preview.js +2 -1
  271. package/build-module/components/editor/site-preview.js.map +1 -1
  272. package/build-module/components/editor/use-adapt-editor-to-canvas.js +1 -0
  273. package/build-module/components/editor/use-adapt-editor-to-canvas.js.map +1 -1
  274. package/build-module/components/editor/use-editor-title.js +2 -1
  275. package/build-module/components/editor/use-editor-title.js.map +1 -1
  276. package/build-module/components/editor/use-resolve-edited-entity.js +4 -3
  277. package/build-module/components/editor/use-resolve-edited-entity.js.map +1 -1
  278. package/build-module/components/layout/animation.js +2 -1
  279. package/build-module/components/layout/animation.js.map +1 -1
  280. package/build-module/components/layout/hooks.js +2 -1
  281. package/build-module/components/layout/hooks.js.map +1 -1
  282. package/build-module/components/layout/index.js +5 -4
  283. package/build-module/components/layout/index.js.map +1 -1
  284. package/build-module/components/media/index.js +2 -1
  285. package/build-module/components/media/index.js.map +1 -1
  286. package/build-module/components/more-menu/index.js +3 -2
  287. package/build-module/components/more-menu/index.js.map +1 -1
  288. package/build-module/components/more-menu/site-export.js +2 -1
  289. package/build-module/components/more-menu/site-export.js.map +1 -1
  290. package/build-module/components/more-menu/welcome-guide-menu-item.js +2 -1
  291. package/build-module/components/more-menu/welcome-guide-menu-item.js.map +1 -1
  292. package/build-module/components/page-patterns/actions.js +2 -1
  293. package/build-module/components/page-patterns/actions.js.map +1 -1
  294. package/build-module/components/page-patterns/delete-category-menu-item.js +3 -2
  295. package/build-module/components/page-patterns/delete-category-menu-item.js.map +1 -1
  296. package/build-module/components/page-patterns/fields.js +7 -6
  297. package/build-module/components/page-patterns/fields.js.map +1 -1
  298. package/build-module/components/page-patterns/index.js +9 -8
  299. package/build-module/components/page-patterns/index.js.map +2 -2
  300. package/build-module/components/page-patterns/rename-category-menu-item.js +3 -2
  301. package/build-module/components/page-patterns/rename-category-menu-item.js.map +1 -1
  302. package/build-module/components/page-patterns/search-items.js +11 -10
  303. package/build-module/components/page-patterns/search-items.js.map +1 -1
  304. package/build-module/components/page-patterns/use-pattern-settings.js +1 -0
  305. package/build-module/components/page-patterns/use-pattern-settings.js.map +1 -1
  306. package/build-module/components/page-patterns/use-patterns.js +7 -6
  307. package/build-module/components/page-patterns/use-patterns.js.map +1 -1
  308. package/build-module/components/page-patterns/utils.js +2 -1
  309. package/build-module/components/page-patterns/utils.js.map +1 -1
  310. package/build-module/components/page-templates/fields.js +13 -12
  311. package/build-module/components/page-templates/fields.js.map +2 -2
  312. package/build-module/components/page-templates/hooks.js +1 -0
  313. package/build-module/components/page-templates/hooks.js.map +1 -1
  314. package/build-module/components/page-templates/index.js +15 -11
  315. package/build-module/components/page-templates/index.js.map +2 -2
  316. package/build-module/components/page-templates/view-utils.js +7 -2
  317. package/build-module/components/page-templates/view-utils.js.map +2 -2
  318. package/build-module/components/pagination/index.js +2 -1
  319. package/build-module/components/pagination/index.js.map +1 -1
  320. package/build-module/components/plugin-template-setting-panel/index.js +4 -3
  321. package/build-module/components/plugin-template-setting-panel/index.js.map +1 -1
  322. package/build-module/components/post-edit/index.js +4 -3
  323. package/build-module/components/post-edit/index.js.map +1 -1
  324. package/build-module/components/post-list/index.js +7 -6
  325. package/build-module/components/post-list/index.js.map +1 -1
  326. package/build-module/components/post-list/view-utils.js +4 -3
  327. package/build-module/components/post-list/view-utils.js.map +1 -1
  328. package/build-module/components/resizable-frame/index.js +9 -8
  329. package/build-module/components/resizable-frame/index.js.map +1 -1
  330. package/build-module/components/routes/use-title.js +2 -1
  331. package/build-module/components/routes/use-title.js.map +1 -1
  332. package/build-module/components/save-button/index.js +3 -2
  333. package/build-module/components/save-button/index.js.map +1 -1
  334. package/build-module/components/save-hub/index.js +2 -1
  335. package/build-module/components/save-hub/index.js.map +1 -1
  336. package/build-module/components/save-keyboard-shortcut/index.js +2 -1
  337. package/build-module/components/save-keyboard-shortcut/index.js.map +1 -1
  338. package/build-module/components/save-panel/index.js +6 -5
  339. package/build-module/components/save-panel/index.js.map +1 -1
  340. package/build-module/components/sidebar/index.js +3 -2
  341. package/build-module/components/sidebar/index.js.map +1 -1
  342. package/build-module/components/sidebar-button/index.js +2 -1
  343. package/build-module/components/sidebar-button/index.js.map +1 -1
  344. package/build-module/components/sidebar-dataviews/dataview-item.js +3 -2
  345. package/build-module/components/sidebar-dataviews/dataview-item.js.map +1 -1
  346. package/build-module/components/sidebar-dataviews/index.js +3 -2
  347. package/build-module/components/sidebar-dataviews/index.js.map +1 -1
  348. package/build-module/components/sidebar-global-styles/index.js +6 -5
  349. package/build-module/components/sidebar-global-styles/index.js.map +1 -1
  350. package/build-module/components/sidebar-navigation-item/index.js +3 -2
  351. package/build-module/components/sidebar-navigation-item/index.js.map +1 -1
  352. package/build-module/components/sidebar-navigation-screen/index.js +3 -2
  353. package/build-module/components/sidebar-navigation-screen/index.js.map +1 -1
  354. package/build-module/components/sidebar-navigation-screen-details-footer/index.js +2 -1
  355. package/build-module/components/sidebar-navigation-screen-details-footer/index.js.map +1 -1
  356. package/build-module/components/sidebar-navigation-screen-global-styles/content.js +3 -2
  357. package/build-module/components/sidebar-navigation-screen-global-styles/content.js.map +1 -1
  358. package/build-module/components/sidebar-navigation-screen-global-styles/index.js +3 -2
  359. package/build-module/components/sidebar-navigation-screen-global-styles/index.js.map +1 -1
  360. package/build-module/components/sidebar-navigation-screen-main/index.js +2 -1
  361. package/build-module/components/sidebar-navigation-screen-main/index.js.map +1 -1
  362. package/build-module/components/sidebar-navigation-screen-navigation-menu/delete-confirm-dialog.js +2 -1
  363. package/build-module/components/sidebar-navigation-screen-navigation-menu/delete-confirm-dialog.js.map +1 -1
  364. package/build-module/components/sidebar-navigation-screen-navigation-menu/index.js +4 -3
  365. package/build-module/components/sidebar-navigation-screen-navigation-menu/index.js.map +1 -1
  366. package/build-module/components/sidebar-navigation-screen-navigation-menu/more-menu.js +4 -3
  367. package/build-module/components/sidebar-navigation-screen-navigation-menu/more-menu.js.map +1 -1
  368. package/build-module/components/sidebar-navigation-screen-navigation-menu/navigation-menu-editor.js +3 -2
  369. package/build-module/components/sidebar-navigation-screen-navigation-menu/navigation-menu-editor.js.map +1 -1
  370. package/build-module/components/sidebar-navigation-screen-navigation-menu/rename-modal.js +3 -2
  371. package/build-module/components/sidebar-navigation-screen-navigation-menu/rename-modal.js.map +1 -1
  372. package/build-module/components/sidebar-navigation-screen-navigation-menu/single-navigation-menu.js +2 -1
  373. package/build-module/components/sidebar-navigation-screen-navigation-menu/single-navigation-menu.js.map +1 -1
  374. package/build-module/components/sidebar-navigation-screen-navigation-menu/use-navigation-menu-handlers.js +2 -1
  375. package/build-module/components/sidebar-navigation-screen-navigation-menu/use-navigation-menu-handlers.js.map +1 -1
  376. package/build-module/components/sidebar-navigation-screen-navigation-menus/build-navigation-label.js +1 -0
  377. package/build-module/components/sidebar-navigation-screen-navigation-menus/build-navigation-label.js.map +1 -1
  378. package/build-module/components/sidebar-navigation-screen-navigation-menus/constants.js +2 -1
  379. package/build-module/components/sidebar-navigation-screen-navigation-menus/constants.js.map +1 -1
  380. package/build-module/components/sidebar-navigation-screen-navigation-menus/index.js +3 -2
  381. package/build-module/components/sidebar-navigation-screen-navigation-menus/index.js.map +1 -1
  382. package/build-module/components/sidebar-navigation-screen-navigation-menus/leaf-more-menu.js +5 -4
  383. package/build-module/components/sidebar-navigation-screen-navigation-menus/leaf-more-menu.js.map +1 -1
  384. package/build-module/components/sidebar-navigation-screen-navigation-menus/navigation-menu-content.js +5 -4
  385. package/build-module/components/sidebar-navigation-screen-navigation-menus/navigation-menu-content.js.map +1 -1
  386. package/build-module/components/sidebar-navigation-screen-patterns/category-item.js +2 -1
  387. package/build-module/components/sidebar-navigation-screen-patterns/category-item.js.map +1 -1
  388. package/build-module/components/sidebar-navigation-screen-patterns/index.js +3 -2
  389. package/build-module/components/sidebar-navigation-screen-patterns/index.js.map +1 -1
  390. package/build-module/components/sidebar-navigation-screen-patterns/use-default-pattern-categories.js +1 -0
  391. package/build-module/components/sidebar-navigation-screen-patterns/use-default-pattern-categories.js.map +1 -1
  392. package/build-module/components/sidebar-navigation-screen-patterns/use-pattern-categories.js +1 -0
  393. package/build-module/components/sidebar-navigation-screen-patterns/use-pattern-categories.js.map +1 -1
  394. package/build-module/components/sidebar-navigation-screen-patterns/use-template-part-areas.js +2 -1
  395. package/build-module/components/sidebar-navigation-screen-patterns/use-template-part-areas.js.map +1 -1
  396. package/build-module/components/sidebar-navigation-screen-patterns/use-theme-patterns.js +1 -0
  397. package/build-module/components/sidebar-navigation-screen-patterns/use-theme-patterns.js.map +1 -1
  398. package/build-module/components/sidebar-navigation-screen-templates-browse/content.js +4 -3
  399. package/build-module/components/sidebar-navigation-screen-templates-browse/content.js.map +1 -1
  400. package/build-module/components/sidebar-navigation-screen-templates-browse/index.js +2 -1
  401. package/build-module/components/sidebar-navigation-screen-templates-browse/index.js.map +1 -1
  402. package/build-module/components/sidebar-navigation-screen-unsupported/index.js +2 -1
  403. package/build-module/components/sidebar-navigation-screen-unsupported/index.js.map +1 -1
  404. package/build-module/components/site-editor-routes/home.js +3 -2
  405. package/build-module/components/site-editor-routes/home.js.map +1 -1
  406. package/build-module/components/site-editor-routes/index.js +2 -1
  407. package/build-module/components/site-editor-routes/index.js.map +1 -1
  408. package/build-module/components/site-editor-routes/navigation-item.js +4 -3
  409. package/build-module/components/site-editor-routes/navigation-item.js.map +1 -1
  410. package/build-module/components/site-editor-routes/navigation.js +4 -3
  411. package/build-module/components/site-editor-routes/navigation.js.map +1 -1
  412. package/build-module/components/site-editor-routes/notfound.js +3 -2
  413. package/build-module/components/site-editor-routes/notfound.js.map +1 -1
  414. package/build-module/components/site-editor-routes/page-item.js +3 -2
  415. package/build-module/components/site-editor-routes/page-item.js.map +1 -1
  416. package/build-module/components/site-editor-routes/pages.js +4 -3
  417. package/build-module/components/site-editor-routes/pages.js.map +1 -1
  418. package/build-module/components/site-editor-routes/pattern-item.js +3 -2
  419. package/build-module/components/site-editor-routes/pattern-item.js.map +1 -1
  420. package/build-module/components/site-editor-routes/patterns.js +3 -2
  421. package/build-module/components/site-editor-routes/patterns.js.map +1 -1
  422. package/build-module/components/site-editor-routes/stylebook.js +4 -3
  423. package/build-module/components/site-editor-routes/stylebook.js.map +1 -1
  424. package/build-module/components/site-editor-routes/styles.js +5 -4
  425. package/build-module/components/site-editor-routes/styles.js.map +1 -1
  426. package/build-module/components/site-editor-routes/template-item.js +4 -3
  427. package/build-module/components/site-editor-routes/template-item.js.map +1 -1
  428. package/build-module/components/site-editor-routes/template-part-item.js +3 -2
  429. package/build-module/components/site-editor-routes/template-part-item.js.map +1 -1
  430. package/build-module/components/site-editor-routes/templates.js +3 -2
  431. package/build-module/components/site-editor-routes/templates.js.map +1 -1
  432. package/build-module/components/site-editor-routes/utils.js +1 -0
  433. package/build-module/components/site-editor-routes/utils.js.map +1 -1
  434. package/build-module/components/site-hub/index.js +5 -4
  435. package/build-module/components/site-hub/index.js.map +1 -1
  436. package/build-module/components/site-icon/index.js +2 -1
  437. package/build-module/components/site-icon/index.js.map +1 -1
  438. package/build-module/components/welcome-guide/editor.js +2 -1
  439. package/build-module/components/welcome-guide/editor.js.map +1 -1
  440. package/build-module/components/welcome-guide/image.js +1 -0
  441. package/build-module/components/welcome-guide/image.js.map +1 -1
  442. package/build-module/components/welcome-guide/index.js +2 -1
  443. package/build-module/components/welcome-guide/index.js.map +1 -1
  444. package/build-module/components/welcome-guide/page.js +2 -1
  445. package/build-module/components/welcome-guide/page.js.map +1 -1
  446. package/build-module/components/welcome-guide/template.js +2 -1
  447. package/build-module/components/welcome-guide/template.js.map +1 -1
  448. package/build-module/deprecated.js +4 -3
  449. package/build-module/deprecated.js.map +1 -1
  450. package/build-module/hooks/commands/use-common-commands.js +6 -5
  451. package/build-module/hooks/commands/use-common-commands.js.map +1 -1
  452. package/build-module/hooks/commands/use-set-command-context.js +3 -2
  453. package/build-module/hooks/commands/use-set-command-context.js.map +1 -1
  454. package/build-module/index.js +6 -7
  455. package/build-module/index.js.map +2 -2
  456. package/build-module/lock-unlock.js +2 -1
  457. package/build-module/lock-unlock.js.map +1 -1
  458. package/build-module/store/actions.js +13 -12
  459. package/build-module/store/actions.js.map +1 -1
  460. package/build-module/store/constants.js +2 -1
  461. package/build-module/store/constants.js.map +1 -1
  462. package/build-module/store/index.js +3 -2
  463. package/build-module/store/index.js.map +1 -1
  464. package/build-module/store/private-actions.js +1 -0
  465. package/build-module/store/private-actions.js.map +1 -1
  466. package/build-module/store/private-selectors.js +1 -0
  467. package/build-module/store/private-selectors.js.map +1 -1
  468. package/build-module/store/reducer.js +1 -0
  469. package/build-module/store/reducer.js.map +1 -1
  470. package/build-module/store/selectors.js +10 -9
  471. package/build-module/store/selectors.js.map +1 -1
  472. package/build-module/utils/constants.js +17 -16
  473. package/build-module/utils/constants.js.map +1 -1
  474. package/build-module/utils/get-filtered-template-parts.js +2 -1
  475. package/build-module/utils/get-filtered-template-parts.js.map +1 -1
  476. package/build-module/utils/is-previewing-theme.js +1 -0
  477. package/build-module/utils/is-previewing-theme.js.map +1 -1
  478. package/build-module/utils/is-template-removable.js +1 -0
  479. package/build-module/utils/is-template-removable.js.map +1 -1
  480. package/build-module/utils/is-template-revertable.js +1 -0
  481. package/build-module/utils/is-template-revertable.js.map +2 -2
  482. package/build-module/utils/use-activate-theme.js +2 -1
  483. package/build-module/utils/use-activate-theme.js.map +1 -1
  484. package/build-module/utils/use-actual-current-theme.js +2 -1
  485. package/build-module/utils/use-actual-current-theme.js.map +1 -1
  486. package/build-style/style-rtl.css +41 -40
  487. package/build-style/style.css +41 -40
  488. package/package.json +46 -46
  489. package/src/components/editor/index.js +11 -27
  490. package/src/components/page-patterns/index.js +1 -1
  491. package/src/components/page-templates/fields.js +3 -3
  492. package/src/components/page-templates/index.js +11 -7
  493. package/src/components/page-templates/view-utils.js +7 -0
  494. package/src/index.js +0 -4
  495. package/src/utils/is-template-revertable.js +1 -2
  496. package/build/components/posts-app/index.js +0 -49
  497. package/build/components/posts-app/index.js.map +0 -7
  498. package/build/components/posts-app-routes/index.js +0 -44
  499. package/build/components/posts-app-routes/index.js.map +0 -7
  500. package/build/components/posts-app-routes/post-item.js +0 -59
  501. package/build/components/posts-app-routes/post-item.js.map +0 -7
  502. package/build/components/posts-app-routes/posts.js +0 -104
  503. package/build/components/posts-app-routes/posts.js.map +0 -7
  504. package/build/posts.js +0 -94
  505. package/build/posts.js.map +0 -7
  506. package/build-module/components/posts-app/index.js +0 -19
  507. package/build-module/components/posts-app/index.js.map +0 -7
  508. package/build-module/components/posts-app-routes/index.js +0 -20
  509. package/build-module/components/posts-app-routes/index.js.map +0 -7
  510. package/build-module/components/posts-app-routes/post-item.js +0 -25
  511. package/build-module/components/posts-app-routes/post-item.js.map +0 -7
  512. package/build-module/components/posts-app-routes/posts.js +0 -70
  513. package/build-module/components/posts-app-routes/posts.js.map +0 -7
  514. package/build-module/posts.js +0 -67
  515. package/build-module/posts.js.map +0 -7
  516. package/build-style/posts-rtl.css +0 -3105
  517. package/build-style/posts.css +0 -3105
  518. package/src/components/posts-app/index.js +0 -27
  519. package/src/components/posts-app-routes/index.js +0 -25
  520. package/src/components/posts-app-routes/post-item.js +0 -27
  521. package/src/components/posts-app-routes/posts.js +0 -79
  522. package/src/posts.js +0 -91
  523. package/src/posts.scss +0 -57
@@ -1,3105 +0,0 @@
1
- @charset "UTF-8";
2
- /**
3
- * Typography
4
- */
5
- /**
6
- * SCSS Variables.
7
- *
8
- * Please use variables from this sheet to ensure consistency across the UI.
9
- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
10
- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
11
- */
12
- /**
13
- * Colors
14
- */
15
- /**
16
- * Fonts & basic variables.
17
- */
18
- /**
19
- * Typography
20
- */
21
- /**
22
- * Grid System.
23
- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
24
- */
25
- /**
26
- * Radius scale.
27
- */
28
- /**
29
- * Elevation scale.
30
- */
31
- /**
32
- * Dimensions.
33
- */
34
- /**
35
- * Mobile specific styles
36
- */
37
- /**
38
- * Editor styles.
39
- */
40
- /**
41
- * Block & Editor UI.
42
- */
43
- /**
44
- * Block paddings.
45
- */
46
- /**
47
- * React Native specific.
48
- * These variables do not appear to be used anywhere else.
49
- */
50
- /**
51
- * Breakpoints & Media Queries
52
- */
53
- /**
54
- * Converts a hex value into the rgb equivalent.
55
- *
56
- * @param {string} hex - the hexadecimal value to convert
57
- * @return {string} comma separated rgb values
58
- */
59
- /**
60
- * Long content fade mixin
61
- *
62
- * Creates a fading overlay to signify that the content is longer
63
- * than the space allows.
64
- */
65
- /**
66
- * Breakpoint mixins
67
- */
68
- /**
69
- * Focus styles.
70
- */
71
- /**
72
- * Applies editor left position to the selector passed as argument
73
- */
74
- /**
75
- * Styles that are reused verbatim in a few places
76
- */
77
- /**
78
- * Allows users to opt-out of animations via OS-level preferences.
79
- */
80
- /**
81
- * Reset default styles for JavaScript UI based pages.
82
- * This is a WP-admin agnostic reset
83
- */
84
- /**
85
- * Reset the WP Admin page styles for Gutenberg-like pages.
86
- */
87
- :root {
88
- --wp-block-synced-color: #7a00df;
89
- --wp-block-synced-color--rgb: 122, 0, 223;
90
- --wp-bound-block-color: var(--wp-block-synced-color);
91
- --wp-editor-canvas-background: #ddd;
92
- --wp-admin-theme-color: #007cba;
93
- --wp-admin-theme-color--rgb: 0, 124, 186;
94
- --wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
95
- --wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
96
- --wp-admin-theme-color-darker-20: #005a87;
97
- --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
98
- --wp-admin-border-width-focus: 2px;
99
- }
100
- @media (min-resolution: 192dpi) {
101
- :root {
102
- --wp-admin-border-width-focus: 1.5px;
103
- }
104
- }
105
-
106
- /**
107
- * Colors
108
- */
109
- /**
110
- * SCSS Variables.
111
- *
112
- * Please use variables from this sheet to ensure consistency across the UI.
113
- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
114
- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
115
- */
116
- /**
117
- * Fonts & basic variables.
118
- */
119
- /**
120
- * Typography
121
- */
122
- /**
123
- * Grid System.
124
- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
125
- */
126
- /**
127
- * Radius scale.
128
- */
129
- /**
130
- * Elevation scale.
131
- */
132
- /**
133
- * Dimensions.
134
- */
135
- /**
136
- * Mobile specific styles
137
- */
138
- /**
139
- * Editor styles.
140
- */
141
- /**
142
- * Block & Editor UI.
143
- */
144
- /**
145
- * Block paddings.
146
- */
147
- /**
148
- * React Native specific.
149
- * These variables do not appear to be used anywhere else.
150
- */
151
- /**
152
- * Typography
153
- */
154
- /**
155
- * Breakpoints & Media Queries
156
- */
157
- /**
158
- * Converts a hex value into the rgb equivalent.
159
- *
160
- * @param {string} hex - the hexadecimal value to convert
161
- * @return {string} comma separated rgb values
162
- */
163
- /**
164
- * Long content fade mixin
165
- *
166
- * Creates a fading overlay to signify that the content is longer
167
- * than the space allows.
168
- */
169
- /**
170
- * Breakpoint mixins
171
- */
172
- /**
173
- * Focus styles.
174
- */
175
- /**
176
- * Applies editor left position to the selector passed as argument
177
- */
178
- /**
179
- * Styles that are reused verbatim in a few places
180
- */
181
- /**
182
- * Allows users to opt-out of animations via OS-level preferences.
183
- */
184
- /**
185
- * Reset default styles for JavaScript UI based pages.
186
- * This is a WP-admin agnostic reset
187
- */
188
- /**
189
- * Reset the WP Admin page styles for Gutenberg-like pages.
190
- */
191
- .admin-ui-page {
192
- display: flex;
193
- height: 100%;
194
- background-color: #fff;
195
- color: #2f2f2f;
196
- position: relative;
197
- z-index: 1;
198
- flex-flow: column;
199
- container: admin-ui-page/inline-size;
200
- }
201
-
202
- @media not (prefers-reduced-motion) {
203
- .admin-ui-page {
204
- transition: width ease-out 0.2s;
205
- }
206
- }
207
- .admin-ui-page__header {
208
- padding: 16px 48px;
209
- border-bottom: 1px solid #f0f0f0;
210
- background: #fff;
211
- position: sticky;
212
- top: 0;
213
- }
214
-
215
- @container (max-width: 430px) {
216
- .admin-ui-page__header {
217
- padding: 16px 24px;
218
- }
219
- }
220
- .admin-ui-page__header-subtitle {
221
- padding-block-end: 8px;
222
- color: #757575;
223
- font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
224
- font-weight: 400;
225
- font-size: 13px;
226
- line-height: 20px;
227
- margin: 0;
228
- }
229
-
230
- .admin-ui-page__content {
231
- flex-grow: 1;
232
- overflow: auto;
233
- display: flex;
234
- flex-direction: column;
235
- }
236
-
237
- .admin-ui-page__content.has-padding {
238
- padding: 16px 20px;
239
- }
240
-
241
- @container (max-width: 430px) {
242
- .admin-ui-page__content.has-padding {
243
- padding: 16px 24px;
244
- }
245
- }
246
- .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon {
247
- width: auto;
248
- padding: 0 8px;
249
- }
250
-
251
- .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg {
252
- display: none;
253
- }
254
-
255
- .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon::after {
256
- content: attr(aria-label);
257
- font-size: 12px;
258
- }
259
-
260
- /**
261
- * Colors
262
- */
263
- /**
264
- * SCSS Variables.
265
- *
266
- * Please use variables from this sheet to ensure consistency across the UI.
267
- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
268
- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
269
- */
270
- /**
271
- * Fonts & basic variables.
272
- */
273
- /**
274
- * Typography
275
- */
276
- /**
277
- * Grid System.
278
- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
279
- */
280
- /**
281
- * Radius scale.
282
- */
283
- /**
284
- * Elevation scale.
285
- */
286
- /**
287
- * Dimensions.
288
- */
289
- /**
290
- * Mobile specific styles
291
- */
292
- /**
293
- * Editor styles.
294
- */
295
- /**
296
- * Block & Editor UI.
297
- */
298
- /**
299
- * Block paddings.
300
- */
301
- /**
302
- * React Native specific.
303
- * These variables do not appear to be used anywhere else.
304
- */
305
- /**
306
- * Typography
307
- */
308
- /**
309
- * Breakpoints & Media Queries
310
- */
311
- /**
312
- * Converts a hex value into the rgb equivalent.
313
- *
314
- * @param {string} hex - the hexadecimal value to convert
315
- * @return {string} comma separated rgb values
316
- */
317
- /**
318
- * Long content fade mixin
319
- *
320
- * Creates a fading overlay to signify that the content is longer
321
- * than the space allows.
322
- */
323
- /**
324
- * Breakpoint mixins
325
- */
326
- /**
327
- * Focus styles.
328
- */
329
- /**
330
- * Applies editor left position to the selector passed as argument
331
- */
332
- /**
333
- * Styles that are reused verbatim in a few places
334
- */
335
- /**
336
- * Allows users to opt-out of animations via OS-level preferences.
337
- */
338
- /**
339
- * Reset default styles for JavaScript UI based pages.
340
- * This is a WP-admin agnostic reset
341
- */
342
- /**
343
- * Reset the WP Admin page styles for Gutenberg-like pages.
344
- */
345
- .dataviews-wrapper,
346
- .dataviews-picker-wrapper {
347
- height: 100%;
348
- overflow: auto;
349
- box-sizing: border-box;
350
- scroll-padding-bottom: 64px;
351
- /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
352
- container: dataviews-wrapper/inline-size;
353
- display: flex;
354
- flex-direction: column;
355
- font-size: 13px;
356
- line-height: 1.4;
357
- }
358
-
359
- .dataviews__view-actions,
360
- .dataviews-filters__container {
361
- box-sizing: border-box;
362
- padding: 16px 48px;
363
- flex-shrink: 0;
364
- position: sticky;
365
- left: 0;
366
- }
367
-
368
- @media not (prefers-reduced-motion) {
369
- .dataviews__view-actions,
370
- .dataviews-filters__container {
371
- transition: padding ease-out 0.1s;
372
- }
373
- }
374
- .dataviews-no-results,
375
- .dataviews-loading {
376
- padding: 0 48px;
377
- flex-grow: 1;
378
- display: flex;
379
- align-items: center;
380
- justify-content: center;
381
- }
382
-
383
- @media not (prefers-reduced-motion) {
384
- .dataviews-no-results,
385
- .dataviews-loading {
386
- transition: padding ease-out 0.1s;
387
- }
388
- }
389
- .dataviews-loading-more {
390
- text-align: center;
391
- }
392
-
393
- @container (max-width: 430px) {
394
- .dataviews__view-actions,
395
- .dataviews-filters__container {
396
- padding: 12px 24px;
397
- }
398
- .dataviews-no-results,
399
- .dataviews-loading {
400
- padding-left: 24px;
401
- padding-right: 24px;
402
- }
403
- }
404
- .dataviews-title-field {
405
- font-size: 13px;
406
- font-weight: 499;
407
- color: #2f2f2f;
408
- text-overflow: ellipsis;
409
- white-space: nowrap;
410
- width: 100%;
411
- }
412
-
413
- .dataviews-title-field a {
414
- text-decoration: none;
415
- text-overflow: ellipsis;
416
- white-space: nowrap;
417
- overflow: hidden;
418
- display: block;
419
- flex-grow: 0;
420
- color: #2f2f2f;
421
- }
422
-
423
- .dataviews-title-field a:hover {
424
- color: var(--wp-admin-theme-color);
425
- }
426
-
427
- .dataviews-title-field a:focus {
428
- color: var(--wp-admin-theme-color--rgb);
429
- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba);
430
- border-radius: 2px;
431
- }
432
-
433
- .dataviews-title-field button.components-button.is-link {
434
- text-decoration: none;
435
- font-weight: inherit;
436
- text-overflow: ellipsis;
437
- white-space: nowrap;
438
- overflow: hidden;
439
- display: block;
440
- width: 100%;
441
- color: #1e1e1e;
442
- }
443
-
444
- .dataviews-title-field button.components-button.is-link:hover {
445
- color: var(--wp-admin-theme-color);
446
- }
447
-
448
- .dataviews-title-field--clickable {
449
- cursor: pointer;
450
- color: #2f2f2f;
451
- }
452
-
453
- .dataviews-title-field--clickable:hover {
454
- color: var(--wp-admin-theme-color);
455
- }
456
-
457
- .dataviews-title-field--clickable:focus {
458
- color: var(--wp-admin-theme-color--rgb);
459
- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba);
460
- border-radius: 2px;
461
- }
462
-
463
- /**
464
- * Applying a consistent 24px padding when DataViews are placed within cards.
465
- */
466
- .components-card__body:has(> .dataviews-wrapper),
467
- .components-card__body:has(> .dataviews-picker-wrapper) {
468
- padding: 8px 0 0;
469
- overflow: hidden;
470
- }
471
-
472
- .components-card__body:has(> .dataviews-wrapper) .dataviews__view-actions,
473
- .components-card__body:has(> .dataviews-wrapper) .dataviews-filters__container,
474
- .components-card__body:has(> .dataviews-wrapper) .dataviews-footer,
475
- .components-card__body:has(> .dataviews-wrapper) .dataviews-view-grid,
476
- .components-card__body:has(> .dataviews-wrapper) .dataviews-loading,
477
- .components-card__body:has(> .dataviews-wrapper) .dataviews-no-results,
478
- .components-card__body:has(> .dataviews-picker-wrapper) .dataviews__view-actions,
479
- .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-filters__container,
480
- .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-footer,
481
- .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-grid,
482
- .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-loading,
483
- .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-no-results {
484
- padding-inline: 24px;
485
- }
486
-
487
- .components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr td:first-child,
488
- .components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr th:first-child,
489
- .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr td:first-child,
490
- .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr th:first-child {
491
- padding-inline-start: 24px;
492
- }
493
-
494
- .components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr td:last-child,
495
- .components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr th:last-child,
496
- .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr td:last-child,
497
- .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr th:last-child {
498
- padding-inline-end: 24px;
499
- }
500
-
501
- .dataviews-bulk-actions-footer__item-count {
502
- color: #1e1e1e;
503
- font-weight: 499;
504
- font-size: 11px;
505
- text-transform: uppercase;
506
- }
507
-
508
- .dataviews-bulk-actions-footer__container {
509
- margin-right: auto;
510
- min-height: 32px;
511
- }
512
-
513
- .dataviews-filters__button {
514
- position: relative;
515
- }
516
-
517
- .dataviews-filters__container {
518
- padding-top: 0;
519
- }
520
-
521
- .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true], .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:hover {
522
- opacity: 0;
523
- }
524
-
525
- .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:focus {
526
- opacity: 1;
527
- }
528
-
529
- .dataviews-filters__summary-popover {
530
- font-size: 13px;
531
- line-height: 1.4;
532
- }
533
-
534
- .dataviews-filters__summary-popover .components-popover__content {
535
- width: 100%;
536
- min-width: 230px;
537
- max-width: 250px;
538
- border-radius: 4px;
539
- }
540
-
541
- .dataviews-filters__summary-popover.components-dropdown__content .components-popover__content {
542
- padding: 0;
543
- }
544
-
545
- .dataviews-filters__summary-operators-container {
546
- padding: 8px 16px;
547
- }
548
-
549
- .dataviews-filters__summary-operators-container:has(+ .dataviews-filters__search-widget-listbox), .dataviews-filters__summary-operators-container:has(+ .dataviews-filters__search-widget-no-elements), .dataviews-filters__summary-operators-container:has(+ .dataviews-filters__user-input-widget) {
550
- border-bottom: 1px solid #e0e0e0;
551
- }
552
-
553
- .dataviews-filters__summary-operators-container:empty {
554
- display: none;
555
- }
556
-
557
- .dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-name {
558
- color: #757575;
559
- white-space: nowrap;
560
- overflow: hidden;
561
- text-overflow: ellipsis;
562
- flex-shrink: 0; /* Prevents this element from shrinking */
563
- max-width: calc(100% - 55px);
564
- }
565
-
566
- .dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-select {
567
- width: 100%;
568
- white-space: nowrap;
569
- overflow: hidden;
570
- }
571
-
572
- .dataviews-filters__summary-chip-container {
573
- position: relative;
574
- white-space: pre-wrap;
575
- }
576
-
577
- .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip {
578
- border-radius: 16px;
579
- border: 1px solid transparent;
580
- cursor: pointer;
581
- padding: 4px 12px;
582
- min-height: 32px;
583
- background: #f0f0f0;
584
- color: #2f2f2f;
585
- position: relative;
586
- display: flex;
587
- align-items: center;
588
- box-sizing: border-box;
589
- }
590
-
591
- .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.is-not-clickable {
592
- cursor: default;
593
- }
594
-
595
- .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-reset {
596
- padding-inline-end: 28px;
597
- }
598
-
599
- .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:hover:not(.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.is-not-clickable), .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip[aria-expanded=true] {
600
- background: #e0e0e0;
601
- color: #1e1e1e;
602
- }
603
-
604
- .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values {
605
- color: var(--wp-admin-theme-color);
606
- background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
607
- }
608
-
609
- .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] {
610
- background: rgba(var(--wp-admin-theme-color--rgb), 0.12);
611
- }
612
-
613
- .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible {
614
- outline: none;
615
- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
616
- }
617
-
618
- .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip .dataviews-filters-__summary-filter-text-name {
619
- font-weight: 499;
620
- }
621
-
622
- .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove {
623
- width: 24px;
624
- height: 24px;
625
- border-radius: 50%;
626
- border: 0;
627
- padding: 0;
628
- position: absolute;
629
- right: 4px;
630
- top: 50%;
631
- transform: translateY(-50%);
632
- display: flex;
633
- align-items: center;
634
- justify-content: center;
635
- background: transparent;
636
- cursor: pointer;
637
- }
638
-
639
- .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove svg {
640
- fill: #757575;
641
- }
642
-
643
- .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus {
644
- background: #e0e0e0;
645
- }
646
-
647
- .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover svg, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus svg {
648
- fill: #1e1e1e;
649
- }
650
-
651
- .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values svg {
652
- fill: var(--wp-admin-theme-color);
653
- }
654
-
655
- .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values:hover {
656
- background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
657
- }
658
-
659
- .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus-visible {
660
- outline: none;
661
- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
662
- }
663
-
664
- .dataviews-filters__search-widget-filter-combobox-list {
665
- max-height: 184px;
666
- padding: 4px;
667
- overflow: auto;
668
- border-top: 1px solid #e0e0e0;
669
- }
670
-
671
- .dataviews-filters__search-widget-filter-combobox-list .dataviews-filters__search-widget-filter-combobox-item-value [data-user-value] {
672
- font-weight: 600;
673
- }
674
-
675
- .dataviews-filters__search-widget-listbox {
676
- padding: 4px;
677
- overflow: auto;
678
- }
679
-
680
- .dataviews-filters__search-widget-listitem {
681
- display: flex;
682
- align-items: center;
683
- gap: 8px;
684
- border-radius: 2px;
685
- box-sizing: border-box;
686
- padding: 4px 12px;
687
- cursor: default;
688
- min-height: 32px;
689
- font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
690
- font-weight: 400;
691
- font-size: 13px;
692
- line-height: 20px;
693
- }
694
-
695
- .dataviews-filters__search-widget-listitem:last-child {
696
- margin-block-end: 0;
697
- }
698
-
699
- .dataviews-filters__search-widget-listitem:hover, .dataviews-filters__search-widget-listitem[data-active-item], .dataviews-filters__search-widget-listitem:focus {
700
- background-color: var(--wp-admin-theme-color);
701
- color: #fff;
702
- }
703
-
704
- .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, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-description {
705
- color: #fff;
706
- }
707
-
708
- .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-single-selection, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-single-selection, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-single-selection {
709
- border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
710
- background: #fff;
711
- }
712
-
713
- .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-single-selection.is-selected, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-single-selection.is-selected, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-single-selection.is-selected {
714
- border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
715
- background: var(--wp-admin-theme-color-darker-20, #183ad6);
716
- }
717
-
718
- .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-multi-selection, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-multi-selection, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-multi-selection {
719
- border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
720
- }
721
-
722
- .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-multi-selection.is-selected, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-multi-selection.is-selected, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-multi-selection.is-selected {
723
- border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
724
- background: var(--wp-admin-theme-color-darker-20, #183ad6);
725
- }
726
-
727
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-description {
728
- display: block;
729
- overflow: hidden;
730
- text-overflow: ellipsis;
731
- font-size: 12px;
732
- line-height: 16px;
733
- color: #757575;
734
- }
735
-
736
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
737
- border: 1px solid #1e1e1e;
738
- margin-right: 12px;
739
- transition: none;
740
- border-radius: 50%;
741
- width: 24px;
742
- height: 24px;
743
- min-width: 24px;
744
- max-width: 24px;
745
- position: relative;
746
- }
747
-
748
- @media not (prefers-reduced-motion) {
749
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
750
- transition: box-shadow 0.1s linear;
751
- }
752
- }
753
- @media (min-width: 600px) {
754
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
755
- height: 16px;
756
- width: 16px;
757
- min-width: 16px;
758
- max-width: 16px;
759
- }
760
- }
761
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked::before {
762
- box-sizing: inherit;
763
- width: 12px;
764
- height: 12px;
765
- position: absolute;
766
- top: 50%;
767
- left: 50%;
768
- transform: translate(-50%, -50%);
769
- margin: 0;
770
- background-color: #fff;
771
- border: 4px solid #fff;
772
- }
773
-
774
- @media (min-width: 600px) {
775
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked::before {
776
- width: 8px;
777
- height: 8px;
778
- }
779
- }
780
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:focus {
781
- box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
782
- outline: 2px solid transparent;
783
- }
784
-
785
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked {
786
- background: var(--wp-admin-theme-color);
787
- border: none;
788
- }
789
-
790
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
791
- margin: 0;
792
- padding: 0;
793
- }
794
-
795
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected {
796
- background: var(--wp-admin-theme-color, #3858e9);
797
- border-color: var(--wp-admin-theme-color, #3858e9);
798
- }
799
-
800
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected::before {
801
- content: "";
802
- border-radius: 50%;
803
- box-sizing: inherit;
804
- width: 12px;
805
- height: 12px;
806
- position: absolute;
807
- top: 50%;
808
- left: 50%;
809
- transform: translate(-50%, -50%);
810
- margin: 0;
811
- background-color: #fff;
812
- border: 4px solid #fff;
813
- }
814
-
815
- @media (min-width: 600px) {
816
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected::before {
817
- width: 8px;
818
- height: 8px;
819
- }
820
- }
821
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
822
- --checkbox-size: 24px;
823
- border: 1px solid #1e1e1e;
824
- margin-right: 12px;
825
- transition: none;
826
- border-radius: 2px;
827
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
828
- padding: 6px 8px;
829
- /* Fonts smaller than 16px causes mobile safari to zoom. */
830
- font-size: 16px;
831
- /* Override core line-height. To be reviewed. */
832
- line-height: normal;
833
- box-shadow: 0 0 0 transparent;
834
- border-radius: 2px;
835
- border: 1px solid #949494;
836
- }
837
-
838
- @media not (prefers-reduced-motion) {
839
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
840
- transition: box-shadow 0.1s linear;
841
- }
842
- }
843
- @media (min-width: 600px) {
844
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
845
- font-size: 13px;
846
- /* Override core line-height. To be reviewed. */
847
- line-height: normal;
848
- }
849
- }
850
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:focus {
851
- border-color: var(--wp-admin-theme-color);
852
- box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
853
- outline: 2px solid transparent;
854
- }
855
-
856
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::-webkit-input-placeholder {
857
- color: rgba(30, 30, 30, 0.62);
858
- }
859
-
860
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::-moz-placeholder {
861
- color: rgba(30, 30, 30, 0.62);
862
- }
863
-
864
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:-ms-input-placeholder {
865
- color: rgba(30, 30, 30, 0.62);
866
- }
867
-
868
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:focus {
869
- box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
870
- outline: 2px solid transparent;
871
- }
872
-
873
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked {
874
- background: var(--wp-admin-theme-color);
875
- border-color: var(--wp-admin-theme-color);
876
- }
877
-
878
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked::-ms-check {
879
- opacity: 0;
880
- }
881
-
882
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked::before, .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before {
883
- margin: -3px -5px;
884
- color: #fff;
885
- }
886
-
887
- @media (min-width: 782px) {
888
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked::before, .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before {
889
- margin: -4px 0 0 -5px;
890
- }
891
- }
892
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed] {
893
- background: var(--wp-admin-theme-color);
894
- border-color: var(--wp-admin-theme-color);
895
- }
896
-
897
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before {
898
- content: "\f460";
899
- float: left;
900
- display: inline-block;
901
- vertical-align: middle;
902
- width: 16px;
903
- /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword -- dashicons don't need a generic family keyword. */
904
- font: normal 30px/1 dashicons;
905
- speak: none;
906
- -webkit-font-smoothing: antialiased;
907
- -moz-osx-font-smoothing: grayscale;
908
- }
909
-
910
- @media (min-width: 782px) {
911
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before {
912
- float: none;
913
- font-size: 21px;
914
- }
915
- }
916
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-disabled=true], .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:disabled {
917
- background: #f0f0f0;
918
- border-color: #ddd;
919
- cursor: default;
920
- opacity: 1;
921
- }
922
-
923
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
924
- position: relative;
925
- background: #fff;
926
- color: #1e1e1e;
927
- margin: 0;
928
- padding: 0;
929
- width: var(--checkbox-size);
930
- height: var(--checkbox-size);
931
- }
932
-
933
- @media (min-width: 600px) {
934
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
935
- --checkbox-size: 16px;
936
- }
937
- }
938
- @media not (prefers-reduced-motion) {
939
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
940
- transition: 0.1s border-color ease-in-out;
941
- }
942
- }
943
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected {
944
- background: var(--wp-admin-theme-color, #3858e9);
945
- border-color: var(--wp-admin-theme-color, #3858e9);
946
- }
947
-
948
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg {
949
- --checkmark-size: var(--checkbox-size);
950
- fill: #fff;
951
- position: absolute;
952
- left: 50%;
953
- top: 50%;
954
- transform: translate(-50%, -50%);
955
- width: var(--checkmark-size);
956
- height: var(--checkmark-size);
957
- }
958
-
959
- @media (min-width: 600px) {
960
- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg {
961
- --checkmark-size: calc(var(--checkbox-size) + 4px);
962
- }
963
- }
964
- .dataviews-filters__search-widget-filter-combobox__wrapper {
965
- position: relative;
966
- padding: 8px;
967
- }
968
-
969
- .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
970
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
971
- padding: 6px 8px;
972
- /* Fonts smaller than 16px causes mobile safari to zoom. */
973
- font-size: 16px;
974
- /* Override core line-height. To be reviewed. */
975
- line-height: normal;
976
- box-shadow: 0 0 0 transparent;
977
- border-radius: 2px;
978
- border: 1px solid #949494;
979
- }
980
-
981
- @media not (prefers-reduced-motion) {
982
- .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
983
- transition: box-shadow 0.1s linear;
984
- }
985
- }
986
- @media (min-width: 600px) {
987
- .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
988
- font-size: 13px;
989
- /* Override core line-height. To be reviewed. */
990
- line-height: normal;
991
- }
992
- }
993
- .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus {
994
- border-color: var(--wp-admin-theme-color);
995
- box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
996
- outline: 2px solid transparent;
997
- }
998
-
999
- .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-input-placeholder {
1000
- color: rgba(30, 30, 30, 0.62);
1001
- }
1002
-
1003
- .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-moz-placeholder {
1004
- color: rgba(30, 30, 30, 0.62);
1005
- }
1006
-
1007
- .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:-ms-input-placeholder {
1008
- color: rgba(30, 30, 30, 0.62);
1009
- }
1010
-
1011
- .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
1012
- display: block;
1013
- padding: 0 8px 0 32px;
1014
- width: 100%;
1015
- height: 32px;
1016
- margin-left: 0;
1017
- margin-right: 0;
1018
- /* Fonts smaller than 16px causes mobile safari to zoom. */
1019
- font-size: 16px;
1020
- }
1021
-
1022
- @media (min-width: 600px) {
1023
- .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
1024
- font-size: 13px;
1025
- }
1026
- }
1027
- .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus {
1028
- background: #fff;
1029
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
1030
- }
1031
-
1032
- .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder {
1033
- color: #757575;
1034
- }
1035
-
1036
- .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-cancel-button, .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 {
1037
- -webkit-appearance: none;
1038
- }
1039
-
1040
- .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon {
1041
- position: absolute;
1042
- inset-inline-start: 12px;
1043
- top: 0;
1044
- bottom: 0;
1045
- display: flex;
1046
- align-items: center;
1047
- justify-content: center;
1048
- width: 24px;
1049
- }
1050
-
1051
- .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon:dir(ltr) {
1052
- transform: scaleX(-1);
1053
- }
1054
-
1055
- .dataviews-filters__container-visibility-toggle {
1056
- position: relative;
1057
- flex-shrink: 0;
1058
- }
1059
-
1060
- .dataviews-filters-toggle__count {
1061
- position: absolute;
1062
- top: 0;
1063
- right: 0;
1064
- transform: translate(50%, -50%);
1065
- background: var(--wp-admin-theme-color, #3858e9);
1066
- height: 16px;
1067
- min-width: 16px;
1068
- line-height: 16px;
1069
- padding: 0 4px;
1070
- text-align: center;
1071
- border-radius: 8px;
1072
- font-size: 11px;
1073
- outline: var(--wp-admin-border-width-focus) solid #fff;
1074
- color: #fff;
1075
- box-sizing: border-box;
1076
- }
1077
-
1078
- .dataviews-search {
1079
- width: fit-content;
1080
- }
1081
-
1082
- .dataviews-filters__user-input-widget {
1083
- padding: 16px;
1084
- }
1085
-
1086
- .dataviews-filters__user-input-widget .components-input-control__prefix {
1087
- padding-left: 8px;
1088
- }
1089
-
1090
- .dataviews-filters__search-widget-no-elements {
1091
- display: flex;
1092
- align-items: center;
1093
- justify-content: center;
1094
- padding: 16px;
1095
- }
1096
-
1097
- .dataviews-footer {
1098
- position: sticky;
1099
- bottom: 0;
1100
- left: 0;
1101
- background-color: #fff;
1102
- padding: 12px 48px;
1103
- border-top: 1px solid #f0f0f0;
1104
- flex-shrink: 0;
1105
- }
1106
-
1107
- @media not (prefers-reduced-motion) {
1108
- .dataviews-footer {
1109
- transition: padding ease-out 0.1s;
1110
- }
1111
- }
1112
- .dataviews-footer {
1113
- z-index: 2;
1114
- }
1115
-
1116
- @container (max-width: 430px) {
1117
- .dataviews-footer {
1118
- padding: 12px 24px;
1119
- }
1120
- }
1121
- @container (max-width: 560px) {
1122
- .dataviews-footer {
1123
- flex-direction: column !important;
1124
- }
1125
- .dataviews-footer .dataviews-bulk-actions-footer__container {
1126
- width: 100%;
1127
- }
1128
- .dataviews-footer .dataviews-bulk-actions-footer__item-count {
1129
- flex-grow: 1;
1130
- }
1131
- .dataviews-footer .dataviews-pagination {
1132
- width: 100%;
1133
- justify-content: space-between;
1134
- }
1135
- }
1136
- .dataviews-pagination__page-select {
1137
- font-size: 11px;
1138
- font-weight: 499;
1139
- text-transform: uppercase;
1140
- }
1141
-
1142
- @media (min-width: 600px) {
1143
- .dataviews-pagination__page-select .components-select-control__input {
1144
- font-size: 11px !important;
1145
- font-weight: 499;
1146
- }
1147
- }
1148
- .dataviews-action-modal {
1149
- z-index: 1000001;
1150
- }
1151
-
1152
- .dataviews-picker-footer__bulk-selection {
1153
- align-self: flex-start;
1154
- height: 32px;
1155
- }
1156
-
1157
- .dataviews-picker-footer__actions {
1158
- align-self: flex-end;
1159
- }
1160
-
1161
- .dataviews-selection-checkbox {
1162
- --checkbox-input-size: 24px;
1163
- }
1164
-
1165
- @media (min-width: 600px) {
1166
- .dataviews-selection-checkbox {
1167
- --checkbox-input-size: 16px;
1168
- }
1169
- }
1170
- .dataviews-selection-checkbox {
1171
- line-height: 0;
1172
- flex-shrink: 0;
1173
- }
1174
-
1175
- .dataviews-selection-checkbox .components-checkbox-control__input-container {
1176
- margin: 0;
1177
- }
1178
-
1179
- .dataviews-view-config {
1180
- width: 320px;
1181
- /* stylelint-disable-next-line property-no-unknown -- the linter needs to be updated to accepted the container-type property */
1182
- container-type: inline-size;
1183
- font-size: 13px;
1184
- line-height: 1.4;
1185
- }
1186
-
1187
- .dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper {
1188
- overflow-y: scroll;
1189
- height: 100%;
1190
- }
1191
-
1192
- .dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper .dataviews-view-config {
1193
- width: auto;
1194
- }
1195
-
1196
- .dataviews-view-config__sort-direction .components-toggle-group-control-option-base {
1197
- text-transform: uppercase;
1198
- }
1199
-
1200
- .dataviews-settings-section__title.dataviews-settings-section__title {
1201
- line-height: 24px;
1202
- font-size: 15px;
1203
- }
1204
-
1205
- .dataviews-settings-section__sidebar {
1206
- grid-column: span 4;
1207
- }
1208
-
1209
- .dataviews-settings-section__content,
1210
- .dataviews-settings-section__content > * {
1211
- grid-column: span 8;
1212
- }
1213
-
1214
- .dataviews-settings-section__content .is-divided-in-two {
1215
- display: contents;
1216
- }
1217
-
1218
- .dataviews-settings-section__content .is-divided-in-two > * {
1219
- grid-column: span 4;
1220
- }
1221
-
1222
- .dataviews-settings-section:has(.dataviews-settings-section__content:empty) {
1223
- display: none;
1224
- }
1225
-
1226
- @container (max-width: 500px) {
1227
- .dataviews-settings-section.dataviews-settings-section {
1228
- grid-template-columns: repeat(2, 1fr);
1229
- }
1230
- .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__sidebar {
1231
- grid-column: span 2;
1232
- }
1233
- .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__content {
1234
- grid-column: span 2;
1235
- }
1236
- }
1237
- .dataviews-field-control__field {
1238
- height: 32px;
1239
- }
1240
-
1241
- .dataviews-field-control__actions {
1242
- position: absolute;
1243
- top: -9999em;
1244
- }
1245
-
1246
- .dataviews-field-control__actions.dataviews-field-control__actions {
1247
- gap: 4px;
1248
- }
1249
-
1250
- .dataviews-field-control__field:hover .dataviews-field-control__actions,
1251
- .dataviews-field-control__field:focus-within .dataviews-field-control__actions,
1252
- .dataviews-field-control__field.is-interacting .dataviews-field-control__actions {
1253
- position: unset;
1254
- top: unset;
1255
- }
1256
-
1257
- .dataviews-field-control__icon {
1258
- display: flex;
1259
- width: 24px;
1260
- }
1261
-
1262
- .dataviews-field-control__label-sub-label-container {
1263
- flex-grow: 1;
1264
- }
1265
-
1266
- .dataviews-field-control__label {
1267
- display: block;
1268
- }
1269
-
1270
- .dataviews-field-control__sub-label {
1271
- margin-top: 8px;
1272
- margin-bottom: 0;
1273
- font-size: 11px;
1274
- font-style: normal;
1275
- color: #757575;
1276
- }
1277
-
1278
- .dataviews-view-grid-items {
1279
- margin-bottom: auto;
1280
- display: grid;
1281
- gap: 32px;
1282
- grid-template-rows: max-content;
1283
- grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
1284
- padding: 0 48px 24px;
1285
- container-type: inline-size;
1286
- /**
1287
- * Breakpoints were adjusted from media queries breakpoints to account for
1288
- * the sidebar width. This was done to match the existing styles we had.
1289
- */
1290
- }
1291
-
1292
- @container (max-width: 430px) {
1293
- .dataviews-view-grid-items {
1294
- padding-left: 24px;
1295
- padding-right: 24px;
1296
- }
1297
- }
1298
- @media not (prefers-reduced-motion) {
1299
- .dataviews-view-grid-items {
1300
- transition: padding ease-out 0.1s;
1301
- }
1302
- }
1303
- .dataviews-view-grid .dataviews-view-grid__card {
1304
- height: 100%;
1305
- justify-content: flex-start;
1306
- position: relative;
1307
- }
1308
-
1309
- .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-actions {
1310
- padding: 8px 0 4px;
1311
- }
1312
-
1313
- .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field {
1314
- min-height: 24px;
1315
- overflow: hidden;
1316
- align-content: center;
1317
- text-align: start;
1318
- }
1319
-
1320
- .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable {
1321
- width: fit-content;
1322
- }
1323
-
1324
- .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
1325
- color: #1e1e1e;
1326
- }
1327
-
1328
- .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
1329
- .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
1330
- background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
1331
- }
1332
-
1333
- .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after {
1334
- box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
1335
- }
1336
-
1337
- .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
1338
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
1339
- }
1340
-
1341
- .dataviews-view-grid .dataviews-view-grid__media {
1342
- width: 100%;
1343
- aspect-ratio: 1/1;
1344
- background-color: #fff;
1345
- border-radius: 4px;
1346
- overflow: hidden;
1347
- position: relative;
1348
- }
1349
-
1350
- .dataviews-view-grid .dataviews-view-grid__media img {
1351
- object-fit: cover;
1352
- width: 100%;
1353
- height: 100%;
1354
- }
1355
-
1356
- .dataviews-view-grid .dataviews-view-grid__media::after {
1357
- content: "";
1358
- position: absolute;
1359
- top: 0;
1360
- left: 0;
1361
- width: 100%;
1362
- height: 100%;
1363
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
1364
- border-radius: 4px;
1365
- pointer-events: none;
1366
- }
1367
-
1368
- .dataviews-view-grid .dataviews-view-grid__fields {
1369
- position: relative;
1370
- font-size: 12px;
1371
- line-height: 16px;
1372
- }
1373
-
1374
- .dataviews-view-grid .dataviews-view-grid__fields:not(:empty) {
1375
- padding: 0 0 12px;
1376
- }
1377
-
1378
- .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) {
1379
- min-height: 24px;
1380
- line-height: 20px;
1381
- padding-top: 2px;
1382
- }
1383
-
1384
- .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field {
1385
- min-height: 24px;
1386
- align-items: center;
1387
- }
1388
-
1389
- .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name {
1390
- width: 35%;
1391
- color: #757575;
1392
- overflow: hidden;
1393
- text-overflow: ellipsis;
1394
- white-space: nowrap;
1395
- }
1396
-
1397
- .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
1398
- width: 65%;
1399
- overflow: hidden;
1400
- text-overflow: ellipsis;
1401
- white-space: nowrap;
1402
- }
1403
-
1404
- .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))) {
1405
- display: none;
1406
- }
1407
-
1408
- .dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty) {
1409
- padding-bottom: 12px;
1410
- }
1411
-
1412
- .dataviews-view-grid__field-value:empty,
1413
- .dataviews-view-grid__field:empty {
1414
- display: none;
1415
- }
1416
-
1417
- .dataviews-view-grid__card .dataviews-selection-checkbox {
1418
- position: absolute;
1419
- top: -9999em;
1420
- left: 8px;
1421
- z-index: 1;
1422
- opacity: 0;
1423
- }
1424
-
1425
- @media not (prefers-reduced-motion) {
1426
- .dataviews-view-grid__card .dataviews-selection-checkbox {
1427
- transition: opacity 0.1s linear;
1428
- }
1429
- }
1430
- @media (hover: none) {
1431
- .dataviews-view-grid__card .dataviews-selection-checkbox {
1432
- opacity: 1;
1433
- top: 8px;
1434
- }
1435
- }
1436
- .dataviews-view-grid__card:hover .dataviews-selection-checkbox,
1437
- .dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,
1438
- .dataviews-view-grid__card.is-selected .dataviews-selection-checkbox {
1439
- opacity: 1;
1440
- top: 8px;
1441
- }
1442
-
1443
- .dataviews-view-grid__card .dataviews-view-grid__media-actions {
1444
- position: absolute;
1445
- top: 4px;
1446
- opacity: 0;
1447
- right: 4px;
1448
- }
1449
-
1450
- .dataviews-view-grid__card .dataviews-view-grid__media-actions .dataviews-all-actions-button {
1451
- background-color: #fff;
1452
- }
1453
-
1454
- @media not (prefers-reduced-motion) {
1455
- .dataviews-view-grid__card .dataviews-view-grid__media-actions {
1456
- transition: opacity 0.1s linear;
1457
- }
1458
- }
1459
- @media (hover: none) {
1460
- .dataviews-view-grid__card .dataviews-view-grid__media-actions {
1461
- opacity: 1;
1462
- top: 4px;
1463
- }
1464
- }
1465
- .dataviews-view-grid__card:hover .dataviews-view-grid__media-actions,
1466
- .dataviews-view-grid__card:focus-within .dataviews-view-grid__media-actions,
1467
- .dataviews-view-grid__card .dataviews-view-grid__media-actions:has(.dataviews-all-actions-button[aria-expanded=true]) {
1468
- opacity: 1;
1469
- }
1470
-
1471
- .dataviews-view-grid__media--clickable {
1472
- cursor: pointer;
1473
- }
1474
-
1475
- .dataviews-view-grid__group-header {
1476
- font-size: 15px;
1477
- font-weight: 499;
1478
- color: #1e1e1e;
1479
- margin: 0 0 8px 0;
1480
- padding: 0 48px;
1481
- container-type: inline-size;
1482
- }
1483
-
1484
- @container (max-width: 430px) {
1485
- .dataviews-view-grid__group-header {
1486
- padding-left: 24px;
1487
- padding-right: 24px;
1488
- }
1489
- }
1490
- div.dataviews-view-list {
1491
- list-style-type: none;
1492
- }
1493
-
1494
- .dataviews-view-list {
1495
- margin: 0 0 auto;
1496
- }
1497
-
1498
- .dataviews-view-list div[role=row],
1499
- .dataviews-view-list div[role=article] {
1500
- margin: 0;
1501
- border-top: 1px solid #f0f0f0;
1502
- }
1503
-
1504
- .dataviews-view-list div[role=row] .dataviews-view-list__item-wrapper,
1505
- .dataviews-view-list div[role=article] .dataviews-view-list__item-wrapper {
1506
- position: relative;
1507
- padding: 16px 24px;
1508
- box-sizing: border-box;
1509
- }
1510
-
1511
- .dataviews-view-list div[role=row] .dataviews-view-list__item-actions,
1512
- .dataviews-view-list div[role=article] .dataviews-view-list__item-actions {
1513
- display: flex;
1514
- width: max-content;
1515
- flex: 0 0 auto;
1516
- gap: 4px;
1517
- }
1518
-
1519
- .dataviews-view-list div[role=row] .dataviews-view-list__item-actions .components-button,
1520
- .dataviews-view-list div[role=article] .dataviews-view-list__item-actions .components-button {
1521
- position: relative;
1522
- z-index: 1;
1523
- }
1524
-
1525
- .dataviews-view-list div[role=row] .dataviews-view-list__item-actions > div,
1526
- .dataviews-view-list div[role=article] .dataviews-view-list__item-actions > div {
1527
- height: 24px;
1528
- }
1529
-
1530
- .dataviews-view-list div[role=row] .dataviews-view-list__item-actions > :not(:last-child),
1531
- .dataviews-view-list div[role=article] .dataviews-view-list__item-actions > :not(:last-child) {
1532
- flex: 0;
1533
- overflow: hidden;
1534
- width: 0;
1535
- }
1536
-
1537
- .dataviews-view-list div[role=row]:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions > :not(:last-child),
1538
- .dataviews-view-list div[role=article]:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions > :not(:last-child) {
1539
- flex-basis: min-content;
1540
- width: auto;
1541
- overflow: unset;
1542
- }
1543
-
1544
- @media (hover: none) {
1545
- .dataviews-view-list div[role=row] .dataviews-view-list__item-actions > :not(:last-child),
1546
- .dataviews-view-list div[role=article] .dataviews-view-list__item-actions > :not(:last-child) {
1547
- flex-basis: min-content;
1548
- width: auto;
1549
- overflow: unset;
1550
- }
1551
- }
1552
- .dataviews-view-list div[role=row].is-selected.is-selected,
1553
- .dataviews-view-list div[role=article].is-selected.is-selected {
1554
- border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
1555
- }
1556
-
1557
- .dataviews-view-list div[role=row].is-selected.is-selected + div[role=row], .dataviews-view-list div[role=row].is-selected.is-selected + div[role=article],
1558
- .dataviews-view-list div[role=article].is-selected.is-selected + div[role=row],
1559
- .dataviews-view-list div[role=article].is-selected.is-selected + div[role=article] {
1560
- border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
1561
- }
1562
-
1563
- .dataviews-view-list div[role=row]:not(.is-selected) .dataviews-view-list__title-field,
1564
- .dataviews-view-list div[role=article]:not(.is-selected) .dataviews-view-list__title-field {
1565
- color: #1e1e1e;
1566
- }
1567
-
1568
- .dataviews-view-list div[role=row]:not(.is-selected):hover, .dataviews-view-list div[role=row]:not(.is-selected).is-hovered, .dataviews-view-list div[role=row]:not(.is-selected):focus-within,
1569
- .dataviews-view-list div[role=article]:not(.is-selected):hover,
1570
- .dataviews-view-list div[role=article]:not(.is-selected).is-hovered,
1571
- .dataviews-view-list div[role=article]:not(.is-selected):focus-within {
1572
- color: var(--wp-admin-theme-color);
1573
- background-color: #f8f8f8;
1574
- }
1575
-
1576
- .dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__title-field,
1577
- .dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__fields, .dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__title-field,
1578
- .dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__fields, .dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__title-field,
1579
- .dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__fields,
1580
- .dataviews-view-list div[role=article]:not(.is-selected):hover .dataviews-view-list__title-field,
1581
- .dataviews-view-list div[role=article]:not(.is-selected):hover .dataviews-view-list__fields,
1582
- .dataviews-view-list div[role=article]:not(.is-selected).is-hovered .dataviews-view-list__title-field,
1583
- .dataviews-view-list div[role=article]:not(.is-selected).is-hovered .dataviews-view-list__fields,
1584
- .dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-view-list__title-field,
1585
- .dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-view-list__fields {
1586
- color: var(--wp-admin-theme-color);
1587
- }
1588
-
1589
- .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper,
1590
- .dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper,
1591
- .dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper,
1592
- .dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper {
1593
- background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04);
1594
- color: #1e1e1e;
1595
- }
1596
-
1597
- .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__title-field,
1598
- .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields,
1599
- .dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__title-field,
1600
- .dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields,
1601
- .dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__title-field,
1602
- .dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields,
1603
- .dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__title-field,
1604
- .dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields {
1605
- color: var(--wp-admin-theme-color);
1606
- }
1607
-
1608
- .dataviews-view-list .dataviews-view-list__item {
1609
- position: absolute;
1610
- z-index: 1;
1611
- inset: 0;
1612
- scroll-margin: 8px 0;
1613
- appearance: none;
1614
- border: none;
1615
- background: none;
1616
- padding: 0;
1617
- cursor: pointer;
1618
- }
1619
-
1620
- .dataviews-view-list .dataviews-view-list__item:focus-visible {
1621
- outline: none;
1622
- }
1623
-
1624
- .dataviews-view-list .dataviews-view-list__item:focus-visible::before {
1625
- position: absolute;
1626
- content: "";
1627
- inset: var(--wp-admin-border-width-focus);
1628
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
1629
- border-radius: 2px;
1630
- outline: 2px solid transparent;
1631
- }
1632
-
1633
- .dataviews-view-list .dataviews-view-list__title-field {
1634
- flex: 1;
1635
- min-height: 24px;
1636
- line-height: 24px;
1637
- overflow: hidden;
1638
- }
1639
-
1640
- .dataviews-view-list .dataviews-view-list__title-field:has(a, button) {
1641
- z-index: 1;
1642
- }
1643
-
1644
- .dataviews-view-list .dataviews-view-list__media-wrapper {
1645
- width: 52px;
1646
- height: 52px;
1647
- overflow: hidden;
1648
- position: relative;
1649
- flex-shrink: 0;
1650
- background-color: #fff;
1651
- border-radius: 4px;
1652
- }
1653
-
1654
- .dataviews-view-list .dataviews-view-list__media-wrapper img {
1655
- width: 100%;
1656
- height: 100%;
1657
- object-fit: cover;
1658
- }
1659
-
1660
- .dataviews-view-list .dataviews-view-list__media-wrapper::after {
1661
- content: "";
1662
- position: absolute;
1663
- top: 0;
1664
- left: 0;
1665
- width: 100%;
1666
- height: 100%;
1667
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
1668
- border-radius: 4px;
1669
- }
1670
-
1671
- .dataviews-view-list .dataviews-view-list__field-wrapper {
1672
- min-height: 52px;
1673
- flex-grow: 1;
1674
- }
1675
-
1676
- .dataviews-view-list .dataviews-view-list__fields {
1677
- color: #757575;
1678
- display: flex;
1679
- gap: 12px;
1680
- row-gap: 4px;
1681
- flex-wrap: wrap;
1682
- font-size: 12px;
1683
- }
1684
-
1685
- .dataviews-view-list .dataviews-view-list__fields:empty {
1686
- display: none;
1687
- }
1688
-
1689
- .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:has(.dataviews-view-list__field-value:empty) {
1690
- display: none;
1691
- }
1692
-
1693
- .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value {
1694
- min-height: 24px;
1695
- line-height: 20px;
1696
- display: flex;
1697
- align-items: center;
1698
- }
1699
-
1700
- .dataviews-view-list + .dataviews-pagination {
1701
- justify-content: space-between;
1702
- }
1703
-
1704
- .dataviews-view-list__group-header {
1705
- font-size: 15px;
1706
- font-weight: 499;
1707
- color: #1e1e1e;
1708
- margin: 0 0 8px 0;
1709
- padding: 0 24px;
1710
- }
1711
-
1712
- .dataviews-view-table {
1713
- width: 100%;
1714
- text-indent: 0;
1715
- border-color: inherit;
1716
- border-collapse: collapse;
1717
- position: relative;
1718
- color: #757575;
1719
- margin-bottom: auto;
1720
- }
1721
-
1722
- .dataviews-view-table th {
1723
- text-align: left;
1724
- color: #1e1e1e;
1725
- font-weight: normal;
1726
- font-size: 13px;
1727
- }
1728
-
1729
- .dataviews-view-table td,
1730
- .dataviews-view-table th {
1731
- padding: 12px;
1732
- }
1733
-
1734
- .dataviews-view-table td.dataviews-view-table__actions-column,
1735
- .dataviews-view-table th.dataviews-view-table__actions-column {
1736
- text-align: right;
1737
- }
1738
-
1739
- .dataviews-view-table td.dataviews-view-table__actions-column--sticky,
1740
- .dataviews-view-table th.dataviews-view-table__actions-column--sticky {
1741
- position: sticky;
1742
- right: 0;
1743
- background-color: #fff;
1744
- }
1745
-
1746
- .dataviews-view-table td.dataviews-view-table__actions-column--stuck::after,
1747
- .dataviews-view-table th.dataviews-view-table__actions-column--stuck::after {
1748
- display: block;
1749
- content: "";
1750
- position: absolute;
1751
- top: 0;
1752
- bottom: 0;
1753
- left: 0;
1754
- width: 1px;
1755
- background-color: #f0f0f0;
1756
- }
1757
-
1758
- .dataviews-view-table td.dataviews-view-table__checkbox-column,
1759
- .dataviews-view-table th.dataviews-view-table__checkbox-column {
1760
- padding-right: 0;
1761
- width: 1%;
1762
- }
1763
-
1764
- .dataviews-view-table td.dataviews-view-table__checkbox-column .dataviews-view-table__cell-content-wrapper,
1765
- .dataviews-view-table th.dataviews-view-table__checkbox-column .dataviews-view-table__cell-content-wrapper {
1766
- max-width: auto;
1767
- min-width: auto;
1768
- }
1769
-
1770
- .dataviews-view-table tr {
1771
- border-top: 1px solid #f0f0f0;
1772
- }
1773
-
1774
- .dataviews-view-table tr .dataviews-view-table-header-button {
1775
- gap: 4px;
1776
- }
1777
-
1778
- .dataviews-view-table tr td:first-child,
1779
- .dataviews-view-table tr th:first-child {
1780
- padding-left: 48px;
1781
- }
1782
-
1783
- .dataviews-view-table tr td:first-child .dataviews-view-table-header-button,
1784
- .dataviews-view-table tr th:first-child .dataviews-view-table-header-button {
1785
- margin-left: -8px;
1786
- }
1787
-
1788
- .dataviews-view-table tr td:last-child,
1789
- .dataviews-view-table tr th:last-child {
1790
- padding-right: 48px;
1791
- }
1792
-
1793
- .dataviews-view-table tr:last-child {
1794
- border-bottom: 0;
1795
- }
1796
-
1797
- .dataviews-view-table tr.is-hovered, .dataviews-view-table tr.is-hovered .dataviews-view-table__actions-column--sticky {
1798
- background-color: #f8f8f8;
1799
- }
1800
-
1801
- .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input {
1802
- opacity: 0;
1803
- }
1804
-
1805
- .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:indeterminate, .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:focus {
1806
- opacity: 1;
1807
- }
1808
-
1809
- .dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
1810
- opacity: 0;
1811
- }
1812
-
1813
- .dataviews-view-table tr:focus-within .components-checkbox-control__input,
1814
- .dataviews-view-table tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr.is-hovered .components-checkbox-control__input,
1815
- .dataviews-view-table tr.is-hovered .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr:hover .components-checkbox-control__input,
1816
- .dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
1817
- opacity: 1;
1818
- }
1819
-
1820
- @media (hover: none) {
1821
- .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input,
1822
- .dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
1823
- opacity: 1;
1824
- }
1825
- }
1826
- .dataviews-view-table tr.is-selected {
1827
- background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04);
1828
- color: #757575;
1829
- }
1830
-
1831
- .dataviews-view-table tr.is-selected, .dataviews-view-table tr.is-selected + tr {
1832
- border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
1833
- }
1834
-
1835
- .dataviews-view-table tr.is-selected:hover {
1836
- background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
1837
- }
1838
-
1839
- .dataviews-view-table tr.is-selected .dataviews-view-table__actions-column--sticky {
1840
- background-color: color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 4%, #fff);
1841
- }
1842
-
1843
- .dataviews-view-table tr.is-selected:hover .dataviews-view-table__actions-column--sticky {
1844
- background-color: color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 8%, #fff);
1845
- }
1846
-
1847
- .dataviews-view-table thead {
1848
- position: sticky;
1849
- inset-block-start: 0;
1850
- z-index: 1;
1851
- }
1852
-
1853
- .dataviews-view-table thead tr {
1854
- border: 0;
1855
- }
1856
-
1857
- .dataviews-view-table thead tr .components-checkbox-control__input.components-checkbox-control__input {
1858
- opacity: 1;
1859
- }
1860
-
1861
- .dataviews-view-table thead th {
1862
- background-color: #fff;
1863
- padding-top: 8px;
1864
- padding-bottom: 8px;
1865
- padding-left: 12px;
1866
- font-size: 11px;
1867
- text-transform: uppercase;
1868
- font-weight: 499;
1869
- }
1870
-
1871
- .dataviews-view-table thead th:has(.dataviews-view-table-header-button):not(:first-child) {
1872
- padding-left: 4px;
1873
- }
1874
-
1875
- .dataviews-view-table tbody td {
1876
- vertical-align: top;
1877
- }
1878
-
1879
- .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper {
1880
- min-height: 32px;
1881
- display: flex;
1882
- align-items: center;
1883
- }
1884
-
1885
- .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__cell-align-end {
1886
- justify-content: flex-end;
1887
- }
1888
-
1889
- .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__cell-align-center {
1890
- justify-content: center;
1891
- }
1892
-
1893
- .dataviews-view-table tbody .components-v-stack > .dataviews-view-table__cell-content-wrapper:not(:first-child) {
1894
- min-height: 0;
1895
- }
1896
-
1897
- .dataviews-view-table .dataviews-view-table-header-button {
1898
- padding: 4px 8px;
1899
- font-size: 11px;
1900
- text-transform: uppercase;
1901
- font-weight: 499;
1902
- }
1903
-
1904
- .dataviews-view-table .dataviews-view-table-header-button:not(:hover) {
1905
- color: #1e1e1e;
1906
- }
1907
-
1908
- .dataviews-view-table .dataviews-view-table-header-button span {
1909
- speak: none;
1910
- }
1911
-
1912
- .dataviews-view-table .dataviews-view-table-header-button span:empty {
1913
- display: none;
1914
- }
1915
-
1916
- .dataviews-view-table .dataviews-view-table-header {
1917
- padding-left: 4px;
1918
- }
1919
-
1920
- .dataviews-view-table .dataviews-view-table__actions-column {
1921
- width: auto;
1922
- white-space: nowrap;
1923
- }
1924
-
1925
- .dataviews-view-table:has(tr.is-selected) .components-checkbox-control__input {
1926
- opacity: 1;
1927
- }
1928
-
1929
- .dataviews-view-table.has-compact-density thead th:has(.dataviews-view-table-header-button):not(:first-child) {
1930
- padding-left: 0;
1931
- }
1932
-
1933
- .dataviews-view-table.has-compact-density td,
1934
- .dataviews-view-table.has-compact-density th {
1935
- padding: 4px 8px;
1936
- }
1937
-
1938
- .dataviews-view-table.has-comfortable-density td,
1939
- .dataviews-view-table.has-comfortable-density th {
1940
- padding: 16px 12px;
1941
- }
1942
-
1943
- .dataviews-view-table.has-compact-density td.dataviews-view-table__checkbox-column,
1944
- .dataviews-view-table.has-compact-density th.dataviews-view-table__checkbox-column, .dataviews-view-table.has-comfortable-density td.dataviews-view-table__checkbox-column,
1945
- .dataviews-view-table.has-comfortable-density th.dataviews-view-table__checkbox-column {
1946
- padding-right: 0;
1947
- }
1948
-
1949
- @container (max-width: 430px) {
1950
- .dataviews-view-table tr td:first-child,
1951
- .dataviews-view-table tr th:first-child {
1952
- padding-left: 24px;
1953
- }
1954
- .dataviews-view-table tr td:last-child,
1955
- .dataviews-view-table tr th:last-child {
1956
- padding-right: 24px;
1957
- }
1958
- }
1959
- .dataviews-view-table-selection-checkbox {
1960
- --checkbox-input-size: 24px;
1961
- }
1962
-
1963
- @media (min-width: 600px) {
1964
- .dataviews-view-table-selection-checkbox {
1965
- --checkbox-input-size: 16px;
1966
- }
1967
- }
1968
- .dataviews-column-primary__media {
1969
- max-width: 60px;
1970
- overflow: hidden;
1971
- position: relative;
1972
- flex-shrink: 0;
1973
- background-color: #fff;
1974
- border-radius: 4px;
1975
- }
1976
-
1977
- .dataviews-column-primary__media img {
1978
- width: 100%;
1979
- height: 100%;
1980
- object-fit: cover;
1981
- }
1982
-
1983
- .dataviews-column-primary__media::after {
1984
- content: "";
1985
- position: absolute;
1986
- top: 0;
1987
- left: 0;
1988
- width: 100%;
1989
- height: 100%;
1990
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
1991
- border-radius: 4px;
1992
- }
1993
-
1994
- .dataviews-view-table__cell-content-wrapper:not(.dataviews-column-primary__media),
1995
- .dataviews-view-table__primary-column-content:not(.dataviews-column-primary__media) {
1996
- min-width: 15ch;
1997
- max-width: 80ch;
1998
- }
1999
-
2000
- .dataviews-view-table__group-header-row .dataviews-view-table__group-header-cell {
2001
- font-weight: 499;
2002
- padding: 12px 48px;
2003
- color: #1e1e1e;
2004
- }
2005
-
2006
- .dataviews-view-picker-grid .dataviews-view-picker-grid__card {
2007
- height: 100%;
2008
- justify-content: flex-start;
2009
- position: relative;
2010
- }
2011
-
2012
- .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-actions {
2013
- padding: 8px 0 4px;
2014
- }
2015
-
2016
- .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field {
2017
- min-height: 24px;
2018
- overflow: hidden;
2019
- align-content: center;
2020
- text-align: start;
2021
- }
2022
-
2023
- .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field--clickable {
2024
- width: fit-content;
2025
- }
2026
-
2027
- .dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-value {
2028
- color: #1e1e1e;
2029
- }
2030
-
2031
- .dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after,
2032
- .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after {
2033
- background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
2034
- }
2035
-
2036
- .dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after {
2037
- box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
2038
- }
2039
-
2040
- .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after {
2041
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
2042
- }
2043
-
2044
- .dataviews-view-picker-grid:focus-visible[aria-activedescendant] {
2045
- outline: none;
2046
- }
2047
-
2048
- .dataviews-view-picker-grid:focus-visible [data-active-item=true] {
2049
- outline: 2px solid var(--wp-admin-theme-color);
2050
- }
2051
-
2052
- .dataviews-view-picker-grid .dataviews-selection-checkbox {
2053
- top: 8px !important;
2054
- }
2055
-
2056
- .dataviews-view-picker-grid .dataviews-selection-checkbox input {
2057
- pointer-events: none;
2058
- }
2059
-
2060
- .dataviews-view-picker-grid .dataviews-view-picker-grid__media {
2061
- width: 100%;
2062
- aspect-ratio: 1/1;
2063
- background-color: #fff;
2064
- border-radius: 4px;
2065
- position: relative;
2066
- }
2067
-
2068
- .dataviews-view-picker-grid .dataviews-view-picker-grid__media img {
2069
- object-fit: cover;
2070
- width: 100%;
2071
- height: 100%;
2072
- }
2073
-
2074
- .dataviews-view-picker-grid .dataviews-view-picker-grid__media::after {
2075
- content: "";
2076
- position: absolute;
2077
- top: 0;
2078
- left: 0;
2079
- width: 100%;
2080
- height: 100%;
2081
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
2082
- border-radius: 4px;
2083
- pointer-events: none;
2084
- }
2085
-
2086
- .dataviews-view-picker-grid .dataviews-view-picker-grid__fields {
2087
- position: relative;
2088
- font-size: 12px;
2089
- line-height: 16px;
2090
- }
2091
-
2092
- .dataviews-view-picker-grid .dataviews-view-picker-grid__fields:not(:empty) {
2093
- padding: 0 0 12px;
2094
- }
2095
-
2096
- .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field-value:not(:empty) {
2097
- min-height: 24px;
2098
- line-height: 20px;
2099
- padding-top: 2px;
2100
- }
2101
-
2102
- .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field {
2103
- min-height: 24px;
2104
- align-items: center;
2105
- }
2106
-
2107
- .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-name {
2108
- width: 35%;
2109
- color: #757575;
2110
- overflow: hidden;
2111
- text-overflow: ellipsis;
2112
- white-space: nowrap;
2113
- }
2114
-
2115
- .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-value {
2116
- width: 65%;
2117
- overflow: hidden;
2118
- text-overflow: ellipsis;
2119
- white-space: nowrap;
2120
- }
2121
-
2122
- .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field:not(:has(.dataviews-view-picker-grid__field-value:not(:empty))) {
2123
- display: none;
2124
- }
2125
-
2126
- .dataviews-view-picker-grid .dataviews-view-picker-grid__badge-fields:not(:empty) {
2127
- padding-bottom: 12px;
2128
- }
2129
-
2130
- .dataviews-view-picker-grid__field-value:empty,
2131
- .dataviews-view-picker-grid__field:empty {
2132
- display: none;
2133
- }
2134
-
2135
- .dataviews-view-picker-grid__card .dataviews-selection-checkbox {
2136
- position: absolute;
2137
- top: -9999em;
2138
- left: 8px;
2139
- z-index: 1;
2140
- }
2141
-
2142
- @media (hover: none) {
2143
- .dataviews-view-picker-grid__card .dataviews-selection-checkbox {
2144
- top: 8px;
2145
- }
2146
- }
2147
- .dataviews-view-picker-grid__card:hover .dataviews-selection-checkbox,
2148
- .dataviews-view-picker-grid__card:focus-within .dataviews-selection-checkbox,
2149
- .dataviews-view-picker-grid__card.is-selected .dataviews-selection-checkbox {
2150
- top: 8px;
2151
- }
2152
-
2153
- .dataviews-view-picker-grid__media--clickable {
2154
- cursor: pointer;
2155
- }
2156
-
2157
- .dataviews-view-picker-grid-group__header {
2158
- font-size: 15px;
2159
- font-weight: 499;
2160
- color: #1e1e1e;
2161
- margin: 0 0 8px 0;
2162
- padding: 0 48px;
2163
- }
2164
-
2165
- .dataviews-controls__datetime {
2166
- border: none;
2167
- padding: 0;
2168
- }
2169
-
2170
- .dataviews-controls__relative-date-number,
2171
- .dataviews-controls__relative-date-unit {
2172
- flex: 1 1 50%;
2173
- }
2174
-
2175
- .dataviews-controls__date input[type=date]::-webkit-inner-spin-button,
2176
- .dataviews-controls__date input[type=date]::-webkit-calendar-picker-indicator {
2177
- display: none;
2178
- -webkit-appearance: none;
2179
- }
2180
-
2181
- .dataviews-controls__date-preset {
2182
- border: 1px solid #ddd;
2183
- }
2184
-
2185
- .dataviews-controls__date-preset:active {
2186
- background-color: #000;
2187
- }
2188
-
2189
- .dataforms-layouts-panel__field {
2190
- width: 100%;
2191
- min-height: 32px;
2192
- justify-content: flex-start !important;
2193
- align-items: flex-start !important;
2194
- }
2195
-
2196
- .dataforms-layouts-panel__field-label {
2197
- width: 38%;
2198
- flex-shrink: 0;
2199
- min-height: 32px;
2200
- display: flex;
2201
- align-items: center;
2202
- line-height: 20px;
2203
- hyphens: auto;
2204
- }
2205
-
2206
- .dataforms-layouts-panel__field-label--label-position-side {
2207
- align-self: center;
2208
- }
2209
-
2210
- .dataforms-layouts-panel__field-control {
2211
- flex-grow: 1;
2212
- min-height: 32px;
2213
- display: flex;
2214
- align-items: center;
2215
- }
2216
-
2217
- .dataforms-layouts-panel__field-control .components-button {
2218
- max-width: 100%;
2219
- text-align: left;
2220
- white-space: normal;
2221
- text-wrap: balance;
2222
- text-wrap: pretty;
2223
- min-height: 32px;
2224
- }
2225
-
2226
- .dataforms-layouts-panel__field-control.components-button.is-link[aria-disabled=true] {
2227
- text-decoration: none;
2228
- }
2229
-
2230
- .dataforms-layouts-panel__field-control .components-dropdown {
2231
- max-width: 100%;
2232
- }
2233
-
2234
- .dataforms-layouts-panel__field-dropdown .components-popover__content {
2235
- min-width: 320px;
2236
- padding: 16px;
2237
- }
2238
-
2239
- .dataforms-layouts-panel__dropdown-header {
2240
- margin-bottom: 16px;
2241
- }
2242
-
2243
- .dataforms-layouts-panel__modal-footer {
2244
- margin-top: 16px;
2245
- }
2246
-
2247
- .components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown {
2248
- z-index: 159990;
2249
- }
2250
-
2251
- .dataforms-layouts-regular__field {
2252
- width: 100%;
2253
- min-height: 32px;
2254
- justify-content: flex-start !important;
2255
- align-items: flex-start !important;
2256
- }
2257
-
2258
- .dataforms-layouts-regular__field-label {
2259
- width: 38%;
2260
- flex-shrink: 0;
2261
- min-height: 32px;
2262
- display: flex;
2263
- align-items: center;
2264
- line-height: 20px;
2265
- hyphens: auto;
2266
- }
2267
-
2268
- .dataforms-layouts-regular__field-label--label-position-side {
2269
- align-self: center;
2270
- }
2271
-
2272
- .dataforms-layouts-regular__field-control {
2273
- flex-grow: 1;
2274
- min-height: 32px;
2275
- display: flex;
2276
- align-items: center;
2277
- }
2278
-
2279
- .dataforms-layouts-card__field-header-label {
2280
- font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2281
- font-weight: 499;
2282
- font-size: 15px;
2283
- line-height: 20px;
2284
- }
2285
-
2286
- .dataforms-layouts-card__field {
2287
- width: 100%;
2288
- }
2289
-
2290
- .dataforms-layouts-card__field-description {
2291
- color: #757575;
2292
- display: block;
2293
- font-size: 13px;
2294
- margin-bottom: 16px;
2295
- }
2296
-
2297
- .dataforms-layouts-card__field-summary {
2298
- display: flex;
2299
- flex-direction: row;
2300
- gap: 16px;
2301
- }
2302
-
2303
- .dataforms-layouts-row__field-control {
2304
- width: 100%;
2305
- }
2306
-
2307
- .dataforms-layouts__wrapper {
2308
- font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2309
- font-weight: 400;
2310
- font-size: 13px;
2311
- line-height: 20px;
2312
- }
2313
-
2314
- .edit-site-layout {
2315
- height: 100%;
2316
- background: #1e1e1e;
2317
- color: #ccc;
2318
- display: flex;
2319
- flex-direction: column;
2320
- }
2321
- .edit-site-layout:not(.is-full-canvas) .editor-visual-editor {
2322
- background: #1e1e1e;
2323
- }
2324
-
2325
- .edit-site-layout__content {
2326
- height: 100%;
2327
- flex-grow: 1;
2328
- display: flex;
2329
- }
2330
-
2331
- .edit-site-layout__sidebar-region {
2332
- z-index: 1;
2333
- width: 100vw;
2334
- flex-shrink: 0;
2335
- }
2336
- @media (min-width: 782px) {
2337
- .edit-site-layout__sidebar-region {
2338
- width: 300px;
2339
- }
2340
- }
2341
- .edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region {
2342
- position: fixed !important;
2343
- height: 100vh;
2344
- left: 0;
2345
- top: 0;
2346
- }
2347
- .edit-site-layout__sidebar-region .edit-site-layout__sidebar {
2348
- display: flex;
2349
- flex-direction: column;
2350
- height: 100%;
2351
- }
2352
- .edit-site-layout__sidebar-region .resizable-editor__drag-handle {
2353
- right: 0;
2354
- }
2355
-
2356
- .edit-site-layout__main {
2357
- flex-grow: 1;
2358
- overflow: hidden;
2359
- display: flex;
2360
- flex-direction: column;
2361
- }
2362
-
2363
- .edit-site-layout__mobile {
2364
- position: relative;
2365
- width: 100%;
2366
- z-index: 2;
2367
- display: flex;
2368
- flex-direction: column;
2369
- /*
2370
- * The SiteHubMobile component is displayed
2371
- * for pages that do not have a sidebar,
2372
- * yet it needs the Sidebar component for the React context.
2373
- *
2374
- * This removes the padding in this scenario.
2375
- * See https://github.com/WordPress/gutenberg/pull/63118
2376
- */
2377
- }
2378
- .edit-site-layout__mobile .edit-site-sidebar__screen-wrapper {
2379
- padding: 0;
2380
- }
2381
- .edit-site-layout__mobile .edit-site-sidebar-navigation-screen__main {
2382
- padding: 0 12px;
2383
- }
2384
-
2385
- .edit-site-layout__canvas-container {
2386
- position: relative;
2387
- flex-grow: 1;
2388
- z-index: 2;
2389
- overflow: visible;
2390
- }
2391
- .edit-site-layout__canvas-container.is-resizing::after {
2392
- position: absolute;
2393
- top: 0;
2394
- left: 0;
2395
- right: 0;
2396
- bottom: 0;
2397
- content: "";
2398
- z-index: 100;
2399
- }
2400
-
2401
- .edit-site-layout__canvas {
2402
- position: absolute;
2403
- top: 0;
2404
- left: 0;
2405
- bottom: 0;
2406
- width: 100%;
2407
- display: flex;
2408
- justify-content: center;
2409
- align-items: center;
2410
- }
2411
- .edit-site-layout__canvas.is-right-aligned {
2412
- justify-content: flex-end;
2413
- }
2414
- .edit-site-layout__canvas .edit-site-resizable-frame__inner {
2415
- color: #1e1e1e;
2416
- }
2417
- @media (min-width: 782px) {
2418
- .edit-site-layout__canvas {
2419
- top: 16px;
2420
- bottom: 16px;
2421
- width: calc(100% - 16px);
2422
- }
2423
- .edit-site-layout__canvas .edit-site-resizable-frame__inner-content {
2424
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
2425
- overflow: hidden;
2426
- }
2427
- }
2428
- @media (min-width: 782px) and (not (prefers-reduced-motion)) {
2429
- .edit-site-layout__canvas .edit-site-resizable-frame__inner-content {
2430
- transition: border-radius, box-shadow 0.4s;
2431
- }
2432
- }
2433
- @media (min-width: 782px) {
2434
- .edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas .edit-site-resizable-frame__inner-content {
2435
- border-radius: 8px;
2436
- }
2437
- .edit-site-layout__canvas .edit-site-resizable-frame__inner-content:hover {
2438
- box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02);
2439
- }
2440
- }
2441
- .edit-site-layout.is-full-canvas .edit-site-layout__canvas {
2442
- top: 0;
2443
- bottom: 0;
2444
- width: 100%;
2445
- }
2446
-
2447
- .edit-site-layout__mobile .interface-interface-skeleton,
2448
- .edit-site-layout__canvas .interface-interface-skeleton,
2449
- .edit-site-template-pages-preview .interface-interface-skeleton {
2450
- position: relative !important;
2451
- min-height: 100% !important;
2452
- }
2453
-
2454
- .edit-site-template-pages-preview {
2455
- height: 100%;
2456
- }
2457
-
2458
- /* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
2459
- html.canvas-mode-edit-transition::view-transition-group(toggle) {
2460
- animation-delay: 255ms;
2461
- }
2462
-
2463
- @media (prefers-reduced-motion) {
2464
- ::view-transition-group(*),
2465
- ::view-transition-old(*),
2466
- ::view-transition-new(*) {
2467
- animation: none !important;
2468
- }
2469
- }
2470
- /* stylelint-enable */
2471
- .edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region .edit-site-layout__view-mode-toggle {
2472
- display: none;
2473
- }
2474
-
2475
- .edit-site-layout__view-mode-toggle.components-button {
2476
- /* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
2477
- view-transition-name: toggle;
2478
- /* stylelint-enable */
2479
- position: relative;
2480
- color: #fff;
2481
- height: 64px;
2482
- width: 64px;
2483
- overflow: hidden;
2484
- padding: 0;
2485
- display: flex;
2486
- align-items: center;
2487
- justify-content: center;
2488
- background: #1e1e1e;
2489
- border-radius: 0;
2490
- }
2491
- .edit-site-layout__view-mode-toggle.components-button:hover, .edit-site-layout__view-mode-toggle.components-button:active {
2492
- color: #fff;
2493
- }
2494
- .edit-site-layout__view-mode-toggle.components-button:focus-visible, .edit-site-layout__view-mode-toggle.components-button:focus {
2495
- box-shadow: 0 0 0 3px #1e1e1e, 0 0 0 6px var(--wp-admin-theme-color);
2496
- outline: 4px solid rgba(0, 0, 0, 0);
2497
- outline-offset: 4px;
2498
- }
2499
- .edit-site-layout__view-mode-toggle.components-button::before {
2500
- content: "";
2501
- display: block;
2502
- position: absolute;
2503
- top: 9px;
2504
- right: 9px;
2505
- bottom: 9px;
2506
- left: 17px;
2507
- border-radius: 4px;
2508
- box-shadow: none;
2509
- }
2510
- @media not (prefers-reduced-motion) {
2511
- .edit-site-layout__view-mode-toggle.components-button::before {
2512
- transition: box-shadow 0.1s ease;
2513
- }
2514
- }
2515
- .edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon {
2516
- display: flex;
2517
- height: 64px;
2518
- width: 64px;
2519
- justify-content: center;
2520
- align-items: center;
2521
- }
2522
-
2523
- .edit-site-layout__actions {
2524
- z-index: 100000;
2525
- position: fixed !important;
2526
- top: -9999em;
2527
- bottom: auto;
2528
- left: auto;
2529
- right: 0;
2530
- width: 280px;
2531
- color: #1e1e1e;
2532
- background: #fff;
2533
- }
2534
- .edit-site-layout__actions:focus, .edit-site-layout__actions:focus-within {
2535
- top: auto;
2536
- bottom: 0;
2537
- }
2538
- .edit-site-layout__actions.is-entity-save-view-open:focus, .edit-site-layout__actions.is-entity-save-view-open:focus-within {
2539
- top: 0;
2540
- }
2541
- @media (min-width: 782px) {
2542
- .edit-site-layout__actions {
2543
- border-left: 1px solid #ddd;
2544
- }
2545
- }
2546
-
2547
- .edit-site-layout__area {
2548
- flex-grow: 1;
2549
- margin: 0;
2550
- overflow: hidden;
2551
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
2552
- }
2553
- @media (min-width: 782px) {
2554
- .edit-site-layout__area {
2555
- border-radius: 8px;
2556
- margin: 16px 16px 16px 0;
2557
- }
2558
- }
2559
-
2560
- .edit-site .components-editor-notices__snackbar {
2561
- position: fixed;
2562
- right: 0;
2563
- bottom: 16px;
2564
- padding-left: 16px;
2565
- padding-right: 16px;
2566
- }
2567
-
2568
- .edit-site-save-hub {
2569
- color: #949494;
2570
- border-top: 1px solid #2f2f2f;
2571
- flex-shrink: 0;
2572
- margin: 0;
2573
- padding: 16px 16px;
2574
- }
2575
-
2576
- .edit-site-save-hub__button {
2577
- color: inherit;
2578
- width: 100%;
2579
- justify-content: center;
2580
- }
2581
- .edit-site-save-hub__button[aria-disabled=true] {
2582
- opacity: 1;
2583
- }
2584
- .edit-site-save-hub__button[aria-disabled=true]:hover {
2585
- color: inherit;
2586
- }
2587
- .edit-site-save-hub__button:not(.is-primary).is-busy, .edit-site-save-hub__button:not(.is-primary).is-busy[aria-disabled=true]:hover {
2588
- color: #1e1e1e;
2589
- }
2590
-
2591
- @media (min-width: 600px) {
2592
- .edit-site-save-panel__modal {
2593
- width: 600px;
2594
- }
2595
- }
2596
-
2597
- .edit-site-sidebar__content {
2598
- flex-grow: 1;
2599
- overflow-y: auto;
2600
- overflow-x: hidden;
2601
- contain: content;
2602
- }
2603
-
2604
- @keyframes local--slide-from-right {
2605
- from {
2606
- transform: translateX(50px);
2607
- opacity: 0;
2608
- }
2609
- to {
2610
- transform: none;
2611
- opacity: 1;
2612
- }
2613
- }
2614
- @keyframes local--slide-from-left {
2615
- from {
2616
- transform: translateX(-50px);
2617
- opacity: 0;
2618
- }
2619
- to {
2620
- transform: none;
2621
- opacity: 1;
2622
- }
2623
- }
2624
- .edit-site-sidebar__screen-wrapper {
2625
- overflow-x: auto;
2626
- }
2627
- .edit-site-sidebar__screen-wrapper::-webkit-scrollbar {
2628
- width: 12px;
2629
- height: 12px;
2630
- }
2631
- .edit-site-sidebar__screen-wrapper::-webkit-scrollbar-track {
2632
- background-color: transparent;
2633
- }
2634
- .edit-site-sidebar__screen-wrapper::-webkit-scrollbar-thumb {
2635
- background-color: transparent;
2636
- border-radius: 8px;
2637
- border: 3px solid transparent;
2638
- background-clip: padding-box;
2639
- }
2640
- .edit-site-sidebar__screen-wrapper:hover::-webkit-scrollbar-thumb, .edit-site-sidebar__screen-wrapper:focus::-webkit-scrollbar-thumb, .edit-site-sidebar__screen-wrapper:focus-within::-webkit-scrollbar-thumb {
2641
- background-color: #757575;
2642
- }
2643
- .edit-site-sidebar__screen-wrapper {
2644
- scrollbar-width: thin;
2645
- scrollbar-gutter: stable both-edges;
2646
- scrollbar-color: transparent transparent;
2647
- }
2648
- .edit-site-sidebar__screen-wrapper:hover, .edit-site-sidebar__screen-wrapper:focus, .edit-site-sidebar__screen-wrapper:focus-within {
2649
- scrollbar-color: #757575 transparent;
2650
- }
2651
- .edit-site-sidebar__screen-wrapper {
2652
- will-change: transform;
2653
- }
2654
- @media (hover: none) {
2655
- .edit-site-sidebar__screen-wrapper {
2656
- scrollbar-color: #757575 transparent;
2657
- }
2658
- }
2659
- .edit-site-sidebar__screen-wrapper {
2660
- scrollbar-gutter: stable;
2661
- display: flex;
2662
- flex-direction: column;
2663
- height: 100%;
2664
- max-height: 100%;
2665
- padding: 0 12px;
2666
- animation-duration: 0.14s;
2667
- animation-timing-function: ease-in-out;
2668
- will-change: transform, opacity;
2669
- }
2670
- @media (prefers-reduced-motion: reduce) {
2671
- .edit-site-sidebar__screen-wrapper {
2672
- animation-duration: 0s;
2673
- }
2674
- }
2675
- .edit-site-sidebar__screen-wrapper.slide-from-left {
2676
- animation-name: local--slide-from-left;
2677
- }
2678
- .edit-site-sidebar__screen-wrapper.slide-from-right {
2679
- animation-name: local--slide-from-right;
2680
- }
2681
-
2682
- .edit-site-site-hub {
2683
- display: flex;
2684
- align-items: center;
2685
- justify-content: space-between;
2686
- gap: 8px;
2687
- margin-right: 12px;
2688
- height: 64px;
2689
- }
2690
-
2691
- .edit-site-site-hub__actions {
2692
- flex-shrink: 0;
2693
- }
2694
-
2695
- .edit-site-site-hub__view-mode-toggle-container {
2696
- height: 64px;
2697
- width: 64px;
2698
- flex-shrink: 0;
2699
- }
2700
- .edit-site-site-hub__view-mode-toggle-container.has-transparent-background .edit-site-layout__view-mode-toggle-icon {
2701
- background: transparent;
2702
- }
2703
-
2704
- .edit-site-site-hub__title .components-button {
2705
- color: #e0e0e0;
2706
- display: block;
2707
- flex-grow: 1;
2708
- font-size: 15px;
2709
- font-weight: 499;
2710
- overflow: hidden;
2711
- padding-right: 16px;
2712
- margin-left: -4px;
2713
- position: relative;
2714
- text-decoration: none;
2715
- text-overflow: ellipsis;
2716
- white-space: nowrap;
2717
- }
2718
- .edit-site-site-hub__title .components-button:hover, .edit-site-site-hub__title .components-button:focus, .edit-site-site-hub__title .components-button:active {
2719
- color: #e0e0e0;
2720
- }
2721
- .edit-site-site-hub__title .components-button:focus {
2722
- box-shadow: none;
2723
- outline: none;
2724
- }
2725
- .edit-site-site-hub__title .components-button:focus-visible {
2726
- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-admin-theme-color);
2727
- outline: 2px solid transparent;
2728
- outline-offset: 2px;
2729
- }
2730
- .edit-site-site-hub__title .components-button::after {
2731
- content: "↗";
2732
- font-weight: 400;
2733
- opacity: 0;
2734
- position: absolute;
2735
- right: 0;
2736
- }
2737
- @media not (prefers-reduced-motion) {
2738
- .edit-site-site-hub__title .components-button::after {
2739
- transition: opacity 0.1s linear;
2740
- }
2741
- }
2742
- .edit-site-site-hub__title .components-button:hover::after, .edit-site-site-hub__title .components-button:focus::after, .edit-site-site-hub__title .components-button:active::after {
2743
- opacity: 1;
2744
- }
2745
-
2746
- .edit-site-site-hub_toggle-command-center {
2747
- color: #e0e0e0;
2748
- }
2749
- .edit-site-site-hub_toggle-command-center:hover svg, .edit-site-site-hub_toggle-command-center:active svg {
2750
- fill: #f0f0f0;
2751
- }
2752
-
2753
- .edit-site-site-icon__icon {
2754
- fill: currentColor;
2755
- width: 100%;
2756
- height: 100%;
2757
- }
2758
- .edit-site-layout.is-full-canvas .edit-site-site-icon__icon {
2759
- padding: 12px;
2760
- }
2761
-
2762
- .edit-site-site-icon__image {
2763
- width: 100%;
2764
- height: 100%;
2765
- object-fit: cover;
2766
- background: #333;
2767
- aspect-ratio: 1/1;
2768
- }
2769
- .edit-site-layout.is-full-canvas .edit-site-site-icon__image {
2770
- border-radius: 0;
2771
- }
2772
-
2773
- .edit-site-editor__view-mode-toggle button:focus {
2774
- position: relative;
2775
- }
2776
- .edit-site-editor__view-mode-toggle button:focus::before {
2777
- content: "";
2778
- display: block;
2779
- position: absolute;
2780
- z-index: 1;
2781
- top: 0;
2782
- right: 0;
2783
- bottom: 0;
2784
- left: 0;
2785
- 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;
2786
- }
2787
-
2788
- .edit-site-post-list__featured-image {
2789
- height: 100%;
2790
- object-fit: cover;
2791
- width: 100%;
2792
- }
2793
-
2794
- .edit-site-post-list__featured-image-wrapper {
2795
- height: 100%;
2796
- width: 100%;
2797
- border-radius: 4px;
2798
- }
2799
- .edit-site-post-list__featured-image-wrapper.is-layout-table:not(:has(.edit-site-post-list__featured-image-button)), .edit-site-post-list__featured-image-wrapper.is-layout-table .edit-site-post-list__featured-image-button {
2800
- width: 32px;
2801
- height: 32px;
2802
- display: block;
2803
- border-radius: 4px;
2804
- position: relative;
2805
- overflow: hidden;
2806
- background-color: #f0f0f0;
2807
- flex-grow: 0 !important;
2808
- }
2809
- .edit-site-post-list__featured-image-wrapper.is-layout-table:not(:has(.edit-site-post-list__featured-image-button))::after, .edit-site-post-list__featured-image-wrapper.is-layout-table .edit-site-post-list__featured-image-button::after {
2810
- border-radius: 4px;
2811
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
2812
- content: "";
2813
- height: 100%;
2814
- left: 0;
2815
- position: absolute;
2816
- top: 0;
2817
- width: 100%;
2818
- }
2819
-
2820
- .edit-site-post-list__featured-image-button {
2821
- box-shadow: none;
2822
- border: none;
2823
- padding: 0;
2824
- background-color: unset;
2825
- box-sizing: border-box;
2826
- cursor: pointer;
2827
- overflow: hidden;
2828
- height: 100%;
2829
- width: 100%;
2830
- border-radius: 4px;
2831
- }
2832
- .edit-site-post-list__featured-image-button:focus-visible {
2833
- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
2834
- outline: 2px solid transparent;
2835
- }
2836
-
2837
- .dataviews-view-grid__card.is-selected .edit-site-post-list__featured-image-button::after {
2838
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
2839
- background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
2840
- }
2841
-
2842
- .edit-site-post-list__status-icon {
2843
- height: 24px;
2844
- width: 24px;
2845
- }
2846
- .edit-site-post-list__status-icon svg {
2847
- fill: currentColor;
2848
- margin-left: -4px;
2849
- }
2850
-
2851
- .edit-site-resizable-frame__inner {
2852
- position: relative;
2853
- }
2854
- body:has(.edit-site-resizable-frame__inner.is-resizing) {
2855
- cursor: col-resize;
2856
- user-select: none;
2857
- -webkit-user-select: none;
2858
- }
2859
-
2860
- .edit-site-resizable-frame__inner.is-resizing::before {
2861
- position: absolute;
2862
- z-index: 1;
2863
- inset: 0;
2864
- content: "";
2865
- }
2866
-
2867
- .edit-site-resizable-frame__inner-content {
2868
- position: absolute;
2869
- z-index: 0;
2870
- inset: 0;
2871
- }
2872
-
2873
- .edit-site-resizable-frame__handle {
2874
- align-items: center;
2875
- background-color: rgba(117, 117, 117, 0.4);
2876
- border: 0;
2877
- border-radius: 4px;
2878
- cursor: col-resize;
2879
- display: flex;
2880
- height: 64px;
2881
- justify-content: flex-end;
2882
- padding: 0;
2883
- position: absolute;
2884
- top: calc(50% - 32px);
2885
- width: 4px;
2886
- z-index: 100;
2887
- }
2888
- .edit-site-resizable-frame__handle::before {
2889
- content: "";
2890
- height: 100%;
2891
- left: 100%;
2892
- position: absolute;
2893
- width: 32px;
2894
- }
2895
- .edit-site-resizable-frame__handle::after {
2896
- content: "";
2897
- height: 100%;
2898
- position: absolute;
2899
- right: 100%;
2900
- width: 32px;
2901
- }
2902
- .edit-site-resizable-frame__handle:focus-visible {
2903
- outline: 2px solid transparent;
2904
- }
2905
- .edit-site-resizable-frame__handle:hover, .edit-site-resizable-frame__handle:focus, .edit-site-resizable-frame__handle.is-resizing {
2906
- background-color: var(--wp-admin-theme-color);
2907
- }
2908
-
2909
- body.admin-color-light {
2910
- --wp-admin-theme-color: #0085ba;
2911
- --wp-admin-theme-color--rgb: 0, 133, 186;
2912
- --wp-admin-theme-color-darker-10: rgb(0, 114.7661290323, 160.5);
2913
- --wp-admin-theme-color-darker-10--rgb: 0, 114.7661290323, 160.5;
2914
- --wp-admin-theme-color-darker-20: rgb(0, 96.5322580645, 135);
2915
- --wp-admin-theme-color-darker-20--rgb: 0, 96.5322580645, 135;
2916
- --wp-admin-border-width-focus: 2px;
2917
- }
2918
- @media (min-resolution: 192dpi) {
2919
- body.admin-color-light {
2920
- --wp-admin-border-width-focus: 1.5px;
2921
- }
2922
- }
2923
-
2924
- body.admin-color-modern {
2925
- --wp-admin-theme-color: #3858e9;
2926
- --wp-admin-theme-color--rgb: 56, 88, 233;
2927
- --wp-admin-theme-color-darker-10: rgb(33.0384615385, 68.7307692308, 230.4615384615);
2928
- --wp-admin-theme-color-darker-10--rgb: 33.0384615385, 68.7307692308, 230.4615384615;
2929
- --wp-admin-theme-color-darker-20: rgb(23.6923076923, 58.1538461538, 214.3076923077);
2930
- --wp-admin-theme-color-darker-20--rgb: 23.6923076923, 58.1538461538, 214.3076923077;
2931
- --wp-admin-border-width-focus: 2px;
2932
- }
2933
- @media (min-resolution: 192dpi) {
2934
- body.admin-color-modern {
2935
- --wp-admin-border-width-focus: 1.5px;
2936
- }
2937
- }
2938
-
2939
- body.admin-color-blue {
2940
- --wp-admin-theme-color: #096484;
2941
- --wp-admin-theme-color--rgb: 9, 100, 132;
2942
- --wp-admin-theme-color-darker-10: rgb(7.3723404255, 81.914893617, 108.1276595745);
2943
- --wp-admin-theme-color-darker-10--rgb: 7.3723404255, 81.914893617, 108.1276595745;
2944
- --wp-admin-theme-color-darker-20: rgb(5.7446808511, 63.829787234, 84.2553191489);
2945
- --wp-admin-theme-color-darker-20--rgb: 5.7446808511, 63.829787234, 84.2553191489;
2946
- --wp-admin-border-width-focus: 2px;
2947
- }
2948
- @media (min-resolution: 192dpi) {
2949
- body.admin-color-blue {
2950
- --wp-admin-border-width-focus: 1.5px;
2951
- }
2952
- }
2953
-
2954
- body.admin-color-coffee {
2955
- --wp-admin-theme-color: #46403c;
2956
- --wp-admin-theme-color--rgb: 70, 64, 60;
2957
- --wp-admin-theme-color-darker-10: rgb(56.2692307692, 51.4461538462, 48.2307692308);
2958
- --wp-admin-theme-color-darker-10--rgb: 56.2692307692, 51.4461538462, 48.2307692308;
2959
- --wp-admin-theme-color-darker-20: rgb(42.5384615385, 38.8923076923, 36.4615384615);
2960
- --wp-admin-theme-color-darker-20--rgb: 42.5384615385, 38.8923076923, 36.4615384615;
2961
- --wp-admin-border-width-focus: 2px;
2962
- }
2963
- @media (min-resolution: 192dpi) {
2964
- body.admin-color-coffee {
2965
- --wp-admin-border-width-focus: 1.5px;
2966
- }
2967
- }
2968
-
2969
- body.admin-color-ectoplasm {
2970
- --wp-admin-theme-color: #523f6d;
2971
- --wp-admin-theme-color--rgb: 82, 63, 109;
2972
- --wp-admin-theme-color-darker-10: rgb(69.8430232558, 53.6598837209, 92.8401162791);
2973
- --wp-admin-theme-color-darker-10--rgb: 69.8430232558, 53.6598837209, 92.8401162791;
2974
- --wp-admin-theme-color-darker-20: rgb(57.6860465116, 44.3197674419, 76.6802325581);
2975
- --wp-admin-theme-color-darker-20--rgb: 57.6860465116, 44.3197674419, 76.6802325581;
2976
- --wp-admin-border-width-focus: 2px;
2977
- }
2978
- @media (min-resolution: 192dpi) {
2979
- body.admin-color-ectoplasm {
2980
- --wp-admin-border-width-focus: 1.5px;
2981
- }
2982
- }
2983
-
2984
- body.admin-color-midnight {
2985
- --wp-admin-theme-color: #e14d43;
2986
- --wp-admin-theme-color--rgb: 225, 77, 67;
2987
- --wp-admin-theme-color-darker-10: rgb(221.4908256881, 56.1788990826, 45.0091743119);
2988
- --wp-admin-theme-color-darker-10--rgb: 221.4908256881, 56.1788990826, 45.0091743119;
2989
- --wp-admin-theme-color-darker-20: rgb(207.8348623853, 44.2201834862, 33.1651376147);
2990
- --wp-admin-theme-color-darker-20--rgb: 207.8348623853, 44.2201834862, 33.1651376147;
2991
- --wp-admin-border-width-focus: 2px;
2992
- }
2993
- @media (min-resolution: 192dpi) {
2994
- body.admin-color-midnight {
2995
- --wp-admin-border-width-focus: 1.5px;
2996
- }
2997
- }
2998
-
2999
- body.admin-color-ocean {
3000
- --wp-admin-theme-color: #627c83;
3001
- --wp-admin-theme-color--rgb: 98, 124, 131;
3002
- --wp-admin-theme-color-darker-10: rgb(87.0873362445, 110.192139738, 116.4126637555);
3003
- --wp-admin-theme-color-darker-10--rgb: 87.0873362445, 110.192139738, 116.4126637555;
3004
- --wp-admin-theme-color-darker-20: rgb(76.1746724891, 96.384279476, 101.8253275109);
3005
- --wp-admin-theme-color-darker-20--rgb: 76.1746724891, 96.384279476, 101.8253275109;
3006
- --wp-admin-border-width-focus: 2px;
3007
- }
3008
- @media (min-resolution: 192dpi) {
3009
- body.admin-color-ocean {
3010
- --wp-admin-border-width-focus: 1.5px;
3011
- }
3012
- }
3013
-
3014
- body.admin-color-sunrise {
3015
- --wp-admin-theme-color: #dd823b;
3016
- --wp-admin-theme-color--rgb: 221, 130, 59;
3017
- --wp-admin-theme-color-darker-10: rgb(216.8782608696, 116.1847826087, 37.6217391304);
3018
- --wp-admin-theme-color-darker-10--rgb: 216.8782608696, 116.1847826087, 37.6217391304;
3019
- --wp-admin-theme-color-darker-20: rgb(195.147826087, 104.5434782609, 33.852173913);
3020
- --wp-admin-theme-color-darker-20--rgb: 195.147826087, 104.5434782609, 33.852173913;
3021
- --wp-admin-border-width-focus: 2px;
3022
- }
3023
- @media (min-resolution: 192dpi) {
3024
- body.admin-color-sunrise {
3025
- --wp-admin-border-width-focus: 1.5px;
3026
- }
3027
- }
3028
-
3029
- #wpadminbar,
3030
- #adminmenumain {
3031
- display: none;
3032
- }
3033
-
3034
- #wpcontent {
3035
- margin-left: 0;
3036
- }
3037
-
3038
- body.js #wpbody {
3039
- padding-top: 0;
3040
- }
3041
-
3042
- body {
3043
- background: #fff;
3044
- }
3045
- body #wpcontent {
3046
- padding-left: 0;
3047
- }
3048
- body #wpbody-content {
3049
- padding-bottom: 0;
3050
- }
3051
- body {
3052
- /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well.
3053
- Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */
3054
- }
3055
- body #wpbody-content > div:not(#gutenberg-posts-dashboard):not(#screen-meta) {
3056
- display: none;
3057
- }
3058
- body #wpfooter {
3059
- display: none;
3060
- }
3061
- body .a11y-speak-region {
3062
- left: -1px;
3063
- top: -1px;
3064
- }
3065
- body ul#adminmenu a.wp-has-current-submenu::after,
3066
- body ul#adminmenu > li.current > a.current::after {
3067
- border-right-color: #fff;
3068
- }
3069
- body .media-frame select.attachment-filters:last-of-type {
3070
- width: auto;
3071
- max-width: 100%;
3072
- }
3073
-
3074
- #gutenberg-posts-dashboard {
3075
- box-sizing: border-box;
3076
- }
3077
- #gutenberg-posts-dashboard *,
3078
- #gutenberg-posts-dashboard *::before,
3079
- #gutenberg-posts-dashboard *::after {
3080
- box-sizing: inherit;
3081
- }
3082
- #gutenberg-posts-dashboard {
3083
- height: 100vh;
3084
- }
3085
- @media (min-width: 600px) {
3086
- #gutenberg-posts-dashboard {
3087
- bottom: 0;
3088
- left: 0;
3089
- min-height: 100vh;
3090
- position: fixed;
3091
- right: 0;
3092
- top: 0;
3093
- }
3094
- }
3095
- .no-js #gutenberg-posts-dashboard {
3096
- min-height: 0;
3097
- position: static;
3098
- }
3099
- #gutenberg-posts-dashboard .components-editor-notices__snackbar {
3100
- position: fixed;
3101
- right: 0;
3102
- bottom: 16px;
3103
- padding-left: 16px;
3104
- padding-right: 16px;
3105
- }