Browse Source

Add support for wide and full aligned video embeds.

Caroline Moore 6 years ago
parent
commit
97001a7312
2 changed files with 10 additions and 2 deletions
  1. 6 0
      affinity/assets/js/functions.js
  2. 4 2
      affinity/blocks.css

+ 6 - 0
affinity/assets/js/functions.js

@@ -151,6 +151,9 @@
 					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' );
 
+					belowEntryMetaClass( '.wp-block-embed.is-type-video.alignwide' );
+					belowSidebarClass( '.wp-block-embed.is-type-video.alignfull, .wp-block-embed.is-type-video.alignwide' );
+
 					if ( true == ltr ) {
 						belowEntryMetaClass( 'img.alignleft:not( figure > img.alignleft ), figure.alignleft' );
 						belowEntryMetaClass( 'blockquote.alignleft' );
@@ -178,6 +181,9 @@
 		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' );
 
+		belowEntryMetaClass( '.wp-block-embed.is-type-video.alignwide' );
+		belowSidebarClass( '.wp-block-embed.is-type-video.alignfull, .wp-block-embed.is-type-video.alignwide' );
+
 		if ( true == ltr ) {
 			belowEntryMetaClass( 'img.alignleft:not( figure > img.alignleft ), figure.alignleft' );
 			belowEntryMetaClass( 'blockquote.alignleft' );

+ 4 - 2
affinity/blocks.css

@@ -49,7 +49,8 @@ p.has-drop-cap:not(:focus)::first-letter {
 @media screen and ( min-width: 48em ) {
 	.no-sidebar.page figure.alignfull,
 	.no-sidebar.page .wp-block-cover.alignfull,
-	.no-sidebar.page .wp-block-gallery.alignfull {
+	.no-sidebar.page .wp-block-gallery.alignfull,
+	.no-sidebar.page .wp-block-embed.is-type-video.alignfull {
 		width: 100vw;
 		max-width: 100vw;
 		margin-left: 0;
@@ -66,7 +67,8 @@ p.has-drop-cap:not(:focus)::first-letter {
 @media screen and ( min-width: 48em ) {
 	figure.alignwide.below-sidebar.below-entry-meta,
 	.wp-block-cover.alignwide.below-sidebar.below-entry-meta,
-	.wp-block-gallery.alignwide.below-sidebar.below-entry-meta {
+	.wp-block-gallery.alignwide.below-sidebar.below-entry-meta,
+	.wp-block-embed.is-type-video.alignwide.below-sidebar.below-entry-meta {
 		width: 120%;
 		max-width: 120%;
 		margin-left: -10%;