VideoPress Block: Fix block line-height. (#41102)

* Set VideoPress block line-height to zero * changelog * Add missing css to the block view
Automattic · Jan 16, 2025 · f05147e · f05147e
1 parent 2e28fa0
commit f05147e
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 2 deletions.
diff --git a/projects/packages/videopress/changelog/fix-videopress-block-line-height b/projects/packages/videopress/changelog/fix-videopress-block-line-height
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Fix VideoPress block line-height.
diff --git a/projects/packages/videopress/src/client/block-editor/blocks/video/block.json b/projects/packages/videopress/src/client/block-editor/blocks/video/block.json
@@ -129,5 +129,6 @@
 	"editorScript": "file:./index.js",
 	"editorStyle": "file:./index.css",
 	"style": "file:./style.css",
-	"viewScript": "file:./view.js"
+	"viewScript": "file:./view.js",
+	"viewStyle": "file:./view.css"
 }
diff --git a/projects/packages/videopress/src/client/block-editor/blocks/video/style.scss b/projects/packages/videopress/src/client/block-editor/blocks/video/style.scss
@@ -12,6 +12,7 @@
 	.jetpack-videopress-player__wrapper {
 		position: relative;
 		display: flex;
+		line-height: 0;
 	}
 
 	.jetpack-videopress-player__overlay {

diff --git a/projects/packages/videopress/src/client/block-editor/blocks/video/view.scss b/projects/packages/videopress/src/client/block-editor/blocks/video/view.scss
@@ -0,0 +1 @@
+@import './style.scss';
diff --git a/projects/packages/videopress/src/client/block-editor/blocks/video/view.ts b/projects/packages/videopress/src/client/block-editor/blocks/video/view.ts
@@ -6,7 +6,7 @@ import domReady from '@wordpress/dom-ready';
 /**
  * Internal dependencies
  */
-import './style.scss';
+import './view.scss';
 
 /**
  * Preview on Hover effect for VideoPress videos.