fix(opacitycheckerboard): display in storybook with updated CSS

adobe · Jan 22, 2024 · a595f9d · a595f9d
1 parent b7b4482
commit a595f9d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/components/opacitycheckerboard/stories/opacitycheckerboard.stories.js b/components/opacitycheckerboard/stories/opacitycheckerboard.stories.js
@@ -5,7 +5,7 @@ import { styleMap } from "lit/directives/style-map.js";
 import { Template } from "./template";
 
 export default {
-	title: "Components/Opacity checkerboard",
+	title: "Utilities/Opacity checkerboard",
 	description:
 		"Opacity checkerboard is used with other components to highlight opacity.",
 	component: "OpacityCheckerboard",

diff --git a/components/opacitycheckerboard/stories/template.js b/components/opacitycheckerboard/stories/template.js
@@ -22,6 +22,8 @@ export const Template = ({
 			})}
 			style=${ifDefined(styleMap({
 				"--mod-opacity-checkerboard-position": backgroundPosition,
+				"inline-size": "100%",
+				"block-size": "100%",
 				...customStyles,
 			}))}
 			role=${ifDefined(role)}