--- a/wp/wp-includes/blocks/query/editor.css Wed Sep 21 18:19:35 2022 +0200
+++ b/wp/wp-includes/blocks/query/editor.css Tue Sep 27 16:37:53 2022 +0200
@@ -41,6 +41,12 @@
* These variables do not appear to be used anywhere else.
*/
/**
+* Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
* Breakpoint mixins
*/
/**
@@ -74,4 +80,43 @@
.wp-block-query__create-new-link {
padding: 0 16px 16px 56px;
+}
+
+.block-library-query__pattern-selection-content .block-editor-block-patterns-list {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-gap: 8px;
+}
+.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
+ margin-bottom: 0;
+}
+.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container {
+ max-height: 250px;
+}
+
+.block-editor-query-pattern__selection-modal .components-modal__content {
+ overflow: hidden;
+ padding: 0;
+}
+.block-editor-query-pattern__selection-modal .components-modal__content::before {
+ margin-bottom: 0;
+}
+
+@media (min-width: 600px) {
+ .block-editor-query-pattern__selection-modal {
+ width: calc(100% - 32px);
+ height: calc(100% - 120px);
+ }
+}
+@media (min-width: 782px) {
+ .block-editor-query-pattern__selection-modal {
+ width: 750px;
+ }
+}
+@media (min-width: 960px) {
+ .block-editor-query-pattern__selection-modal {
+ height: 80%;
+ width: 80%;
+ max-height: none;
+ }
}
\ No newline at end of file