Add support for full and wide width galleries.

affinity/assets/js/functions.js

@@ -148,8 +148,8 @@
 					belowEntryMetaClass( 'figure.wp-block-image.alignwide' );
 					belowSidebarClass( 'figure.wp-block-image.alignfull, figure.wp-block-image.alignwide' );
 
-					belowEntryMetaClass( '.wp-block-cover.alignwide' );
-					belowSidebarClass( '.wp-block-cover.alignfull, .wp-block-cover.alignwide' );
+					belowEntryMetaClass( '.wp-block-cover.alignwide, .wp-block-gallery.alignwide' );
+					belowSidebarClass( '.wp-block-cover.alignfull, .wp-block-cover.alignwide, .wp-block-gallery.alignfull, .wp-block-gallery.alignwide' );
 
 					if ( true == ltr ) {
 						belowEntryMetaClass( 'img.alignleft:not( figure > img.alignleft ), figure.alignleft' );
@@ -175,8 +175,8 @@
 		belowEntryMetaClass( 'figure.wp-block-image.alignwide' );
 		belowSidebarClass( 'figure.wp-block-image.alignfull, figure.wp-block-image.alignwide' );
 
-		belowEntryMetaClass( '.wp-block-cover.alignwide' );
-		belowSidebarClass( '.wp-block-cover.alignfull, .wp-block-cover.alignwide' );
+		belowEntryMetaClass( '.wp-block-cover.alignwide, .wp-block-gallery.alignwide' );
+		belowSidebarClass( '.wp-block-cover.alignfull, .wp-block-cover.alignwide, .wp-block-gallery.alignfull, .wp-block-gallery.alignwide' );
 
 		if ( true == ltr ) {
 			belowEntryMetaClass( 'img.alignleft:not( figure > img.alignleft ), figure.alignleft' );

affinity/blocks.css

@@ -44,11 +44,12 @@ p.has-drop-cap:not(:focus)::first-letter {
 	display: flex;
 }
 
-/* Full Images */
+/* Full Width */
 
 @media screen and ( min-width: 48em ) {
 	.no-sidebar.page figure.alignfull,
-	.no-sidebar.page .wp-block-cover.alignfull {
+	.no-sidebar.page .wp-block-cover.alignfull,
+	.no-sidebar.page .wp-block-gallery.alignfull {
 		width: 100vw;
 		max-width: 100vw;
 		margin-left: 0;
@@ -60,11 +61,12 @@ p.has-drop-cap:not(:focus)::first-letter {
 	}
 }
 
-/* Wide Images */
+/* Wide Width */
 
 @media screen and ( min-width: 48em ) {
 	figure.alignwide.below-sidebar.below-entry-meta,
-	.wp-block-cover.alignwide.below-sidebar.below-entry-meta {
+	.wp-block-cover.alignwide.below-sidebar.below-entry-meta,
+	.wp-block-gallery.alignwide.below-sidebar.below-entry-meta {
 		width: 120%;
 		max-width: 120%;
 		margin-left: -10%;