[Themes-1688] Fixed inconsistent image width (#2088)

Fixed inconsistent image width --------- Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Malavika Koppula <[email protected]> Co-authored-by: Anna Sherman <[email protected]> Co-authored-by: LauraPinilla <[email protected]> Co-authored-by: blakeganderson <[email protected]>
WPMedia · May 29, 2024 · ec86b77 · ec86b77
1 parent a70deea
commit ec86b77
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 15 deletions.
diff --git a/.storybook/themes/news.scss b/.storybook/themes/news.scss
@@ -3968,7 +3968,17 @@
 						),
 						"divider": (
 							"clear": both,
-							"margin-block-start": var(--global-spacing-5)
+							"margin-block-start": var(--global-spacing-5),
+						),
+						"heading": (
+							"font-size": var(--heading-level-5-font-size),
+							"font-weight": var(--heading-level-5-font-weight),
+							"line-height": var(--heading-level-5-line-height),
+							"margin-block-end": var(--global-spacing-4),
+							"inline-size": 66%
+						),
+						"link": (
+							"position": relative,
 						),
 						"media-item": (
 							"float": inline-end,
@@ -3978,15 +3988,6 @@
 							"margin-inline-start": 0,
 							"max-inline-size": 100px
 						),
-						"heading": (
-							"font-size": var(--heading-level-5-font-size),
-							"font-weight": var(--heading-level-5-font-weight),
-							"line-height": var(--heading-level-5-line-height),
-							"margin-block-end": var(--global-spacing-4)
-						),
-						"link": (
-							"position": relative
-						),
 						"paragraph": (
 							"display": block
 						),
@@ -4065,15 +4066,15 @@
 					)
 				),
 				"top-table-list-small-left": (
-					"grid-template-columns": 1fr 2fr,
+					"grid-template-columns": auto 66%,
 					"components": (
 						"divider": (
 							"grid-column": span 2
 						)
 					)
 				),
 				"top-table-list-small-right": (
-					"grid-template-columns": 2fr 1fr,
+					"grid-template-columns": 66% auto,
 					"components": (
 						"divider": (
 							"grid-column": span 2

diff --git a/blocks/top-table-list-block/themes/news.json b/blocks/top-table-list-block/themes/news.json
@@ -158,7 +158,8 @@
 						"font-size": "var(--heading-level-5-font-size)",
 						"font-weight": "var(--heading-level-5-font-weight)",
 						"line-height": "var(--heading-level-5-line-height)",
-						"margin-block-end": "var(--global-spacing-4)"
+						"margin-block-end": "var(--global-spacing-4)",
+						"inline-size": "66%"
 					},
 					"link": {
 						"position": "relative"
@@ -359,7 +360,7 @@
 	"top-table-list-small-left": {
 		"styles": {
 			"default": {
-				"grid-template-columns": "1fr 2fr",
+				"grid-template-columns": "auto 66%",
 				"components": {
 					"divider": {
 						"grid-column": "span 2"
@@ -372,7 +373,7 @@
 	"top-table-list-small-right": {
 		"styles": {
 			"default": {
-				"grid-template-columns": "2fr 1fr",
+				"grid-template-columns": "66% auto",
 				"components": {
 					"divider": {
 						"grid-column": "span 2"