Merge pull request #10 from stan-donarise/expandable_bound_props

prop label flex grow
hyoo-ru · Mar 27, 2023 · bfb4006 · bfb4006
2 parents dc8dff8 + 08f98fe
commit bfb4006
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 10 deletions.
diff --git a/prop/prop.view.css.ts b/prop/prop.view.css.ts
@@ -3,21 +3,20 @@ namespace $.$$ {
 	const { px, rem, per } = $mol_style_unit
 
 	$mol_style_define( $hyoo_studio_prop, {
-		width: per(100),
 		flex: {
 			grow: 1,
 		},
-		outline: `solid 1px var(--mol_theme_line)`,
 		border: {
 			radius: $mol_gap.round,
 		},
-		backgroundColor: 'hsl( var( --mol_theme_hue), calc( var(--mol_theme_satur) * 39% ), calc( 55% + 41% * var(--mol_theme_luma) ) )',
+		background: {
+			color: $mol_theme.card,
+		},
 
 		Value: {
 			flex: {
 				grow: 1,
 			},
-			padding: $mol_gap.space,
 		},
 
 		Type: {
@@ -26,10 +25,6 @@ namespace $.$$ {
 			},
 		},
 
-		Inner: {
-			padding: $mol_gap.space,
-		},
-
 		Over_props: {
 			gap: $mol_gap.space,
 			flex: {
@@ -68,7 +63,12 @@ namespace $.$$ {
 				wrap: 'wrap',
 				grow: 1,
 			},
-			width: rem(24),
+		},
+
+		Trigger: {
+			flex: {
+				grow: 1,
+			},
 		},
 
 		Prop_tools: {

diff --git a/studio.view.css.ts b/studio.view.css.ts
@@ -47,7 +47,6 @@ namespace $.$$ {
 		Props: {
 			padding: $mol_gap.block,
 			gap: $mol_gap.block,
-			alignItems: 'flex-start',
 		},
 
 		Source_page: {